介绍昂秀:,function (), {
const 才能;cart =, wx.getStorageSync (“cart");
let 才能;address =, wx.getStorageSync (“address"),;
console.log才能(地址);
this.setData({才能
,,地址,购物车
})才能
this.loadCarts才能();
this.countAll才能();
以前,} handleNumEdit (e), {
const 才能,{,运营商goodsid },=, e.target.dataset;
{let 才能;cart },=, this.data;
车才能[goodsid] .count +=,(+操作符);
if 才能;(车[goodsid] .count & lt;, 1), {
,,车[goodsid] .count =, 1;
,,wx.showModal ({
,,,标题:,& # 39;提示& # 39;,
,,,内容:,& # 39;您确定要删除吗& # 39;,
,,,showCancel:,真的,
,,,cancelText:, & # 39;取消& # 39;,
,,,cancelColor:, & # 39; # 000000 & # 39;
,,,confirmText:, & # 39;确定& # 39;,
,,,confirmColor:, & # 39; # 3 cc51f& # 39;
成功,,,:,(结果),=祝辞,{
,,,,if (result.confirm), {
,,,,,delete 车(goodsid);
,,,,,this.loadCarts ();
,,,,,this.countAll ();
,,,,},{else
,,,,}
,,,}
,,});
,,},else if (车[goodsid] .count 祝辞,购物车[goodsid] .goods_number), {
,,车[goodsid] .count =,购物车[goodsid] .goods_number;
,,wx.showToast ({
,,,标题:,& # 39;没有库存了& # 39;,
:,,,图标,& # 39;没有# 39;
,,,时间:,1500年,
,,,面具:真实
,,});
,,}
this.loadCarts才能();
this.countAll才能();
以前,} 数据:,{
车才能:{},
,,地址:{},
totalPrice才能:0,
,,categoryLength: 0,
isAllChecked才能:真实
}, loadCarts (), {
{let 才能;cart },=, this.data;
let 才能;isAllChecked =,真的;
for 才能;(const key 拷贝车),{
,,if (cart.hasOwnProperty(关键),{
,,,const element =,购物车(例子);
,,,if (! element.isChecked), {
,,,,isAllChecked =,假;
,,,,休息;
,,,}
,,}
,,}
this.setData({才能
,,车,
isAllChecked。才能
,,});
}, handleItemChecked (e), {
{let 才能;goodsid },=, e.target.dataset;
{let 才能;cart },=, this.data;
{let 才能;isChecked },=,购物车(goodsid);
车才能[goodsid] .isChecked =, !完成;
let 才能;checkedLength =, 0;
for 才能;(const key 拷贝车),{
,,if (cart.hasOwnProperty(关键),{
,,,if (购物车(例子).isChecked), {
,,,,checkedLength + +;
,,,}
,,}
,,}
const 才能;isAllChecked =, checkedLength ==,种(车). length;
this.countAll才能();
this.setData({才能
isAllChecked。才能
})才能
}, handleItemAllChecked (), {
{let 才能;isAllChecked },=, this.data;
{let 才能;cart },=, this.data;
isAllChecked 才能=,! isAllChecked;
for 才能;(const key 拷贝车),{
,,if (cart.hasOwnProperty(关键),{
,,,车[主要].isChecked =, isAllChecked;
,,}
,,}
this.setData({才能
,,isAllChecked,
,,车
})才能
this.countAll才能();
},
如何在微信小程序中实现一个购物车功能吗?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
点击按钮更改购物车的数量:
加载购物车数据的方法:
单个商品被选中时触发:
全选和反选触发的事件:
点击结算时触发:
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
