Vuejs实现购物车功能

Vue 购物车

}
return total.toString().replace(/B(?=(d{3})+$)/g,',');
}
},methods:{
handleReduce:function(index){
var item = this.list[index];
if(item.count < 2){
return;
}
item.count--;
},handleAdd:function(index){
var item = this.list[index];
item.count++;
},handleRemove:function(index){
this.list.splice(index,1);
},swapCheck:function(){

var selectList = document.getElementsByName('selectList');
var len = selectList.length;
if(this.checked){
for(var i = 0;i < len;i++){
var item = selectList[i];
item.checked = false;
}
this.checked = false;
this.selectList = [];
}
else{
for(i = 0;i < len;i++){
item = selectList[i];
if(item.checked === false){
item.checked = true;
this.selectList.push(selectList[i].value);
}
}
this.checked = true;

}
}
}
});

table{
border: 1px solid black;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}

th,td{
padding: 8px 16px;
border:1px solid black;
text-align: center;
}

th{
background-color: gray;
}