码上敲享录 > vue.js常见问题详解 > vue使用sync时父组件数据变化,子组件数据确没变化

vue使用sync时父组件数据变化,子组件数据确没变化

上一章章节目录下一章 2019-12-31已有1885人阅读 评论(0)

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;

         }

     },


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交