代码是这样的:
var vm = new Vue({
el: "#app",
data: {
items: [{
id:1,
message: 'Apple',
selected: false,
num: 1,
price: 5
}, {
id:2,
message: 'Peach',
selected: true,
num: 1,
price: 10
}, {
id:3,
message: 'Orange',
selected: true,
num: 1,
price: 15
}, {
id:4,
message: 'Pear',
selected: true,
num: 1,
price: 20
}]
}
});
上面是demo,填写了些数据,实际使用的时候,items里面的数据是从后台ajax请求数据库中读取出来的,并且,没有selected字段,因为数据库中不需要保存,它是表示复选框是否被选中的字段。
也就是这样的:
var vm = new Vue({
el: "#app",
data: {
items: []
},
created() {
var goods=this;
this.$http.get('/cart').then((response) => {
goods.items=response.data;
}, (response) => {
// error callback
});
}
});
想达到的效果:
我想在每次ajax请求后,都给这个数组中的每个对象都添加一个selected: false,用vm.$set( keypath, value )可以吗?http://vuejs.org.cn/api/#vm-set 怎么做呢?