嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 10 元微信扫码支付:10 元
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
实现购物车商品数量增减、复选多个商品,总金额随之改变,vue入门的好案例
<script type="text/javascript">
Vue.filter('toDecimal',function(value){//全局过滤器,保留2位小数
return toDecimal2(value);//使用上述decimal.js中的函数toDecimal2
});
new Vue({
el:'#goodsBox',
data:{
goodsList:[
{
img:'./images/goods/2018110101.jpg',
goodsName:'华为荣耀',
price:4999.9,
count:2,
isChecked:false
},
{
img:'./images/goods/2018110102.jpg',
goodsName:'小米',
price:3999.9,
count:1,
isChecked:false
}
],
isAll:false
},
methods:{
plus(i){//加
},
minus(i){
}
},
del(i){
},
isCheckedAll(){//全选
});
},
dels(){//删除选中
},
......
</script>