vue组件传值报错:use a data or computed property based on the prop‘s value. Prop being mutated: “tipsShow“
vue组件传值报错:use a data or computed property based on the prop‘s value. Prop being mutated: “tipsShow“prop是单向绑定,不能更改数据,只能由父组件传输过来
·
问题
问题:在传值給父组件的时候修改了props的值,然后报错如下:
原因
prop是单向绑定,不能更改数据,只能由父组件传输过来
解决
1、可以在子组件中 声明一个中间变量(value),把父组件传过来的值(item)赋值给中间变量(value),当单选切换时修改的数据为value,就不会报错
2、使用.sync修饰符与$emit(update:xxx)
父组件
<component :item.sync="tipsShow"></component>
子组件
this.$emit('update:tipsShow',show)
更多推荐
已为社区贡献9条内容
所有评论(0)