vue往数组中添加元素_vuejs给数组添加元素
2016-09-13更新问题vuejs给数组添加元素代码是这样的：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,mes
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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 怎么做呢？
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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 怎么做呢？
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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
}]
},
created() {
var goods=this;
this.$http.get('/cart').then((response) => {
goods.items=response.data;
}, (response) => {
// error callback
});
}
});
上面是demo，填写了些数据，实际使用的时候，items里面的数据是从后台ajax请求数据库中读取出来的，并且，没有selected字段，因为数据库中不需要保存，它是表示复选框是否被选中的字段。
想达到的效果：
我想在每次ajax请求后，都给这个数组中的每个对象都添加一个selected: false，用vm.$set( keypath, value )可以吗？http://vuejs.org.cn/api/#vm-set 怎么做呢？
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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字段，因为数据库中不需要保存，它是表示复选框是否被选中的字段。
想达到的效果：
我想在每次ajax请求后，都给这个数组中的每个对象都添加一个selected: false，用vm.$set( keypath, value )可以吗？http://vuejs.org.cn/api/#vm-set 怎么做呢？
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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字段，因为数据库中不需要保存，它是表示复选框是否被选中的字段。
想达到的效果：
我想在每次ajax请求后，都给给这个数组中的每个对象都添加一个selected: false，用vm.$set( keypath, value )可以吗？http://vuejs.org.cn/api/#vm-set 怎么做呢？
2016-09-13
更新问题
vuejs给数组添加元素
代码是这样的：
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字段，因为数据库中不需要保存，它是表示复选框是否被选中的字段。
想达到的效果：
我想用vuejs，在每次ajax请求后，都给给这个数组中的每个对象都添加一个selected: false，怎么做呢？
用vm.$set( keypath, value )可以吗？http://vuejs.org.cn/api/#vm-set
2016-09-13
创建问题
vuejs给数组添加元素
代码是这样的：
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字段，因为数据库中不需要保存，它是表示复选框是否被选中的字段。
想达到的效果：
我想用vuejs，在每次ajax请求后，都给给这个数组中的每个对象都添加一个selected: false，怎么做呢？
用vm.$set( keypath, value )可以吗？http://vuejs.org.cn/api/#vm-set
前往低代码交流专区
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)