v-for中使用sync,改变父组件数据,子组件数据没变化问题
解决方法:
那是因为子组件数据只更新一次,之后更改父组件的数据,子组件不再更新,所以我们要在子组件中监听父级传递的参数的变化
父组件:
<inline-editor :value.sync="content" ></inline-editor>
子组件:
props: {
value: ''
},
data(){
return {
inlineVal: '',
}
},
created: function(){
this.inlineVal = this.value;
},
watch:{
value(newValue, oldValue) {
this.inlineVal = newValue;
}
},