vue 组件间props报错问题
2018-03-03 00:00
567 查看
遇到如下报错:
原因是,我接收到props之后,在组件内部我又修改了,然后再传递到父组件,然后就抛出错误:
这种情况下就会报这个错,因为传入的prop中的值是不允许改变的。这个在vue更新后才会出现的,网上是这么说的:
在vue2中,直接修改prop是被视作反模式的。由于在新的渲染机制中,每当父组件重新渲染时,子组件都会被覆盖,所以应该把props看做是不可变对象 ^1。
不能更改 quantity prop使其和父组件同步 , 而是让应该这个组件提交个事件给父组件,可以 watch quantity 变量,如果变量发生改变就emit事件,所以这里压根不需要 prop
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父组件传递props异步数据到子组件的问题
- 详解vue2父组件传递props异步数据到子组件的问题
- 浅谈vue的props,data,computed变化对组件更新的影响
- Vue.js 系列教程 2:组件,Props,Slots
- vue同步父子组件和异步父子组件的生命周期顺序问题
- vue 父子组件的一些问题
- Vue系列:在vux的popup组件中使用百度地图遇到显示不全的问题
- vue-router 组件复用问题详解
- vue 组件id重复问题
- Vue系列: 如何通过组件的属性props设置样式
- 关于vue.js组件数据流的问题
- Vue-cli 构建项目 的`.vue`组件中, scss中添加背景图路径问题
- vue-awesome-swiper组件不能自动播放和导航器小圆点不显示问题
- vue项目中公用footer组件底部位置的适配问题
- vue组件:props传值
- vue路由只变化参数页面组件不更新问题
- vue项目中公用footer组件底部位置的适配问题
- vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题
- vue父子组件之间传值及函数中获取props中的值
- vue-router 组件实例被复用问题