vue使用sync时父组件数据变化,子组件数据确没变化
解决方法:
那是因为子组件数据只更新一次,之后更改父组件的数据,子组件不再更新,所以我们要在子组件中watch监听父级传递的参数的变化
父组件:
<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;
}
},