vue数据变动监测

原文链接:https://blog.csdn.net/man_tutu/article/details/72148362


对象:

不能监测到:

var vm = new Vue({
    data:{
        a:1
    }
})
// `vm.a` 是响应的
vm.b = 2;
// `vm.b` 是非响应的

解决方法:

Vue.set(vm.someObject, 'b', 2);
// or
this.$set(this.someObject,'b',2);
// or
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

数组:

不能监测到:

vm.items[indexOfItem] = newValue
// or
vm.items.length = newLength

解决方法:

// 改值
example1.items.splice(indexOfItem, 1, newValue);
// 删值
example1.items.splice(newLength)

 

posted @ 2018-05-03 15:25  仰戈  阅读(260)  评论(0编辑  收藏  举报