您的位置:首页 > 产品设计 > UI/UE

vue 组件间props报错问题

2018-03-03 00:00 567 查看
遇到如下报错:

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "selectType"

原因是,我接收到props之后,在组件内部我又修改了,然后再传递到父组件,然后就抛出错误:
这种情况下就会报这个错,因为传入的prop中的值是不允许改变的。这个在vue更新后才会出现的,网上是这么说的:

在vue2中,直接修改prop是被视作反模式的。由于在新的渲染机制中,每当父组件重新渲染时,子组件都会被覆盖,所以应该把props看做是不可变对象 ^1。

不能更改 quantity prop使其和父组件同步 , 而是让应该这个组件提交个事件给父组件,可以 watch quantity 变量,如果变量发生改变就emit事件,所以这里压根不需要 prop
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Vue.js