在好例子网,分享、交流、成长!
您当前所在位置:首页js 开发实例高级JavaScript组件 → 购物车-vue

购物车-vue

高级JavaScript组件

下载此实例
  • 开发语言:js
  • 实例大小:0.20M
  • 下载次数:45
  • 浏览次数:231
  • 发布时间:2021-01-29
  • 实例类别:高级JavaScript组件
  • 发 布 人:yinbocai
  • 文件格式:.zip
  • 所需积分:10
 相关标签: vue 购物车 购物

实例介绍

【实例简介】

实现购物车商品数量增减、复选多个商品,总金额随之改变,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>

标签: vue 购物车 购物

实例下载地址

购物车-vue

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
;
报警