美文网首页
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