在使用数组的时候,数组内部数据发生改变,但是与数组绑定的页面的数据却没有发生变化。{{item.name}}data () { return { msg: 'Welcome to Your Vue.js App', todos:name: 'aa', age: 14 name: 'bb', age: 15 name: 'cc', age: 16 }], obj: {name: 'lihui', age: 17}pre>methods: { changeTodos: function var _this = this _this.todos[0]name: 'zhangsan', age: 15 } console.log(this.todos)this.$set(this.todos, 0, 'nn') this.$forceUpdate(pre>
这种修改得方式,无法出发数组得set,导致页面得数据不会改变。
有三种解决方式。
一、使用全局得set方法。