vue购物车常用代码
2020-12-04 本文已影响0人
BSKSdorica
1.计算总价（必备）
computed: {
total() {
return this.cartData.reduce((sum, x) => { //cartData--商品或购物车列表
if (x.selected) { //selected是否选择，计算列表中选择的商品
sum += x.price * x.count; //sum商品总价
}
return sum;
}, 0);
}
}
2.购物车存储
data(){
return{
cartData：JSON.parse(localStorage.getItem("cart")) || [] //从localStorage获取数据
}
}
watch：{
cartData：{
handler（n）{
localStorage.setItem("cart", JSON.stringify(n)); //将数据存在localStorage中
}，
deep：true //深度监听
}
}
