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

站长手记 作者: 2024-08-27 22:10:01

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;

         }

     },


原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69777.html