最近做了一下购物车 实现了一些购物车的功能 简单的总结一下吧 方便我下次查阅
一,单选、全选
实现单选按钮 选中你商品
这个就是两种样式进行切换 在循环的数组里定义一个变量 用来判断是否选中 想要切换直接给这个变量取反就可以
通过filter过滤拿到了选中的数组 列表若是全选状态 要实现取消一个 全选按钮变成 未选中状态
可以通过数组长度来判断
判断选中的数组长度是否跟原数组一样 是的话 全选按钮为true 不一样长则为false
点击全选按钮
点击全选之后 列表中未选中的变成选中状态 若全部选中 则变成全未选中
也用数组长度去判断是否可以进行
若选中的数组长度不等于原数组的长度,将循环原数组,把true赋给每一项,得到全选结果,
否则(选中数组长度与原数组长度相等) 将原数组的每一项赋上false
二,数量的加减
数量加减 可以选择组件 更方便 www.uviewui.com/components/…
三,计算价格总和
在我们选中商品之后需要对商品的价格进行计算,总价格 等于每一件商品的和相加 那每一项的商品价格又等于单价乘以数量 转换成代码就是
这样就拿到了总价
四,从购物车移除所选商品
只需要过滤一下数组 将未选中的值重新赋给原数组 就得实现了移除选中商品的功能了