Vue组件更新数据v-model不生效怎么办

本篇内容主要讲解“Vue组件更新数据v-model不生效怎么办”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue组件更新数据v-model不生效怎么办”吧!

成都创新互联公司是少有的成都网站建设、成都网站制作、营销型企业网站、小程序定制开发、手机APP,开发、制作、设计、友情链接、推广优化一站式服务网络公司,自2013年起,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评

问题描述

在使用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不生效怎么办”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


本文题目:Vue组件更新数据v-model不生效怎么办
浏览地址:http://bzwzjz.com/article/ppsjhs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作公司 成都网站建设 成都企业网站设计 LED网站设计方案 重庆外贸网站建设 宜宾网站设计 网站设计公司 企业网站设计 高端网站设计 教育网站设计方案 成都网站设计 成都网站建设 泸州网站建设 网站建设公司 达州网站设计 重庆网站制作 四川成都网站制作 成都网站建设 成都网站设计 成都网站建设 商城网站建设 高端网站设计