美文网首页
vue修改对象和数组页面无渲染

vue修改对象和数组页面无渲染

作者: Mr_Liu攻城狮 | 来源:发表于2020-12-16 13:49 被阅读0次

    1:对象添加新属性

    js:this.obj= Object.assign({}, this.obj, { a: 1, e: 2 })

    vue:this.$set(this.obj,'a',1)

    2:数组支持原生方法修改数组数据

    由于 JavaScript 的限制,Vue 不能检测以下变动的数组:

    当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue

    解决:用$set方法

    当你修改数组的长度时,例如:vm.items.length = newLength

    解决:vm.items.splice(newLength)

    也可使用$set:

    this.$set(Array,index,newValue)

    相关文章

      网友评论

          本文标题:vue修改对象和数组页面无渲染

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