解决Vue不能检测数组或对象变动的问题

el: ".wrap",
data: {
numbers: [],
items: [
{name: 'jjj'},
{name: 'kkk'},
{name: 'lll'},
] },
methods: {
handle: function (index) {
if (typeof(this.numbers[index]) === "undefined" ) {
this.$set(this.numbers, index, 1); //(arr,index,newvalue)
} else {
this.$set(this.numbers, index, ++this.numbers[index]);
}
}
}
});
</script>
</body>
</html>

搞定！

1.17补充——————————-

如何理解“对于已经创建的实例，Vue 不能动态添加根级别的响应式属性”？

例如：

var vm=new Vue({
 el:'#test',
 data:{
  //data中已经存在info根属性
  info:{
   name:'小明'
  }
 }
});
//给info添加一个性别属性
Vue.set(vm.info,'sex','男'); 

上面是正确做法，下面的做法的话就会报错了：

Vue.set(vm.data,'sex','男') 

实际上，不能直接在data上增加属性，但可以在data里的对象上增加属性。

实际上vm.data是undefined。

以上这篇解决Vue不能检测数组或对象变动的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。