修改wxss页面代码实现购物车商品数量修改view class=content view class=descitemtitleview view class=bottom text class=money¥itempricetext view class=edit text class=reduce
reduce:function(e){ //1.获取当前的操作的元素 2.获取列表容器list var list=this.data.list; var index=e.currentTarget.dataset.index; // console.log(index); //获取当前的元素的目前的数量 var num=list[index].num;
//2.点击当前的数量 num-- 提交后台接口
if(num>1){
num--;
console.log('减少的属性',num);
list[index].num=num;
//3.请求接口
wx.request({
url: 'https://www.fastmock.site/mock/a9fcfca7466f23e7355538ccf2f36507/education/api/cart/update',
data:{
id:list[index].id,
num:num
},
success:res=>{
console.log(res.data);
if(res.data.status==200){//修改 数量
this.setData({
list:list
})
}
}
})
}else{
wx.showToast({
title: '商品数量不能小于1',
icon:'error'
})
}
}
</view
原文地址: https://www.cveoy.top/t/topic/fbVe 著作权归作者所有。请勿转载和采集!