本篇内容主要讲解“Vue组件更新数据v-model不生效怎么办”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue组件更新数据v-model不生效怎么办”吧!
在使用Vue双向绑定(v-model)功能时,封装子组件通过Inject功能使用了父组件中的 model
中的属性进行双向绑定,此时在程序中去更新model的某个属性的值,发现子组件没有实时渲染。
由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。
详见:检测变化注意事项
使用Vue.set(object,key,value)
Vue.set(vm.obj,"sex","man")
使用this.$set(this.object,key,value)
this.$set(this.obj,"sex","man")
使用**Object.assign({},this.obj)**重新赋值
this.obj.sex = "man";
this.obj = Object.assign({},this.obj)
到此,相信大家对“Vue组件更新数据v-model不生效怎么办”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。