Vue.js 数组追加合并与对象追加合并【Object.assign()】
1、在Vue.js 中让数组追加合并通常使用的concat()方法,让对象属性追加合并而是使用Object.assign()。一、Vue.js实现数组追加合并与对象追加合并:1、数组的追加合并:(假设data中有一个数组itemList{},我们要在数组中追加数据)var vm = new Vue(){el:"",data(){sites:[]},created() {...
·
1、在Vue.js 中让数组追加合并通常使用的concat()
方法,让对象属性追加合并而是使用Object.assign()。
一、Vue.js实现数组追加合并与对象追加合并:
1、数组的追加合并:(假设data中有一个数组itemList{}
,我们要在数组中追加数据)
var vm = new Vue(){
el:"",
data(){
sites:[]
},
created() {
this.getSpecialData()
}
}
我们在方法中将返回的数据合并到数组中:(不重要的信息我这里都删除了)
getSpecialData:function () {
jQuery.ajax({
url: "",
data: {},
type: 'get',
dataType:"json",
success: function (res){
if(res.code=="0" && res.data.items.length!=0){
for(var i=0;i<res.data.items.length;i++){
vm.sites = vm.sites.concat(res.data.items[i]); //核心代码
}
}
}
})
}
2、对象的追加合并:(假设data中有一个对象site
,我们要在对象中追加属性)
var vm = new Vue(){
el:"",
data(){
site: {}
},
created() {
this.getSpecialData()
}
}
我们在方法中将返回的数据合并到对象中:(重点在Object.assign()的用法)
getSpecialData:function () {
jQuery.ajax({
url: "",
data: {},
type: 'get',
dataType:"json",
success: function (res){
if(res.code=="0"){
vm.site = Object.assign({},this.site,res.data.item); //核心代码
}
}
})
}
你要去做一个大人,不要回头,不要难过。
“普通人有多艰难?就是你已经非常努力了,也只能过普通的生活。”
更多推荐
已为社区贡献10条内容
所有评论(0)