美文网首页
vue更新数据后v-model失效了

vue更新数据后v-model失效了

作者: Mong | 来源:发表于2021-06-27 14:28 被阅读0次

问题描述:在函数中更新了数据,input对应的v-model无效了
原因分析:由于JavaScript的限制,vue不能检测数组和对象的变化,
解决方案:

// 方案一:
vue.set(object,key,value)

// 方案二:
this.$set(this.obj,"sex","man")

// 方案三:
this.obj.sex = "man";
this.obj = Object.assign({},this.obj)

说明:方案一、二都是应用了vue内置的set方法去触发对象数据的检测,方案三是使用了vue的特性,对根节点下的数据变更的自动检测

相关文章

网友评论

      本文标题:vue更新数据后v-model失效了

      本文链接:https://www.haomeiwen.com/subject/sopqeltx.html