vue往数组中添加元素_vuejs给数组添加元素

vue往数组中添加元素_vuejs给数组添加元素代码是这样的:varvm=newVue({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:t…

大家好,欢迎来到IT知识分享网。vue往数组中添加元素_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 怎么做呢?

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14319.html

(0)
上一篇 2024-03-01 11:00
下一篇 2024-03-01 11:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信