vue购物车地址列表

注意：给more加事件的时候我们可以@click="limitNum=addressList.length"

new Vue({
el:'.address',
data:{
addressList:[],
limitNum:3,
curentIndex:0,
shippingMethod:1
},
mounted:function(){
this.$nextTick(function(){
this.getAdressLis()
})
},
methods:{
getAdressList:function(){
var _this = this;
this.$http.get('url').then(function(res){
var res = res.data;
if(res.status=='0'){
_this.addressList = res.result
}
})
},
loadMore:function(){
this.limitNum=this.addressList.length;
},
setDefault:function(addressId){
this.addressList.forEach(function(item,index){
if(item.addressId ==addressId){
item.isDefault=true;
}else{
item.isDefault=false;
}
})
}
},
computed:{
filterAddress:function(){
return this.addressList.slice(0,limitNum)
}
}
})

选中卡片

默认地址