微信小程序 加 减 删除 总价
button按钮 ++ 的操作
data: {
// 渲染
wrklist: [],
pricesAll:"0", //合计
flag:false
},
<!-- ++++++++++++++++ -->
//下标 点击事件bintap
<button class="wrk_btn2" data-index="{{ index }}" bindtap="addCount">+</button>
/* 加数 */
调用方法 addCount()
addCount(e) {
let index = e.currentTarget.dataset.index
this.data.wrklist[index].minBuyNumber++
//总价 同步
let count=0
this.data.wrklist.forEach(element => {
count+=element.minPrice*element.minBuyNumber
});
this.setData({
wrklist: this.data.wrklist,
pricesAll:count
})
},
button按钮 – -- 的操作
<!-- ------------->
//下标 点击事件bintap
<button class="wrk_btn1" catchtap="delCount" data-index="{{index}}">-</button>
//减 ------------ 的操作
delCount(e) {
let index = e.currentTarget.dataset.index
let number = this.data.wrklist[index].minBuyNumber
if (number > 1) {
this.data.wrklist[index].minBuyNumber--
} else {
// this.wrklist.splice(index, 1)
this.data.flag = true
console.log(this.data.flag)
}
//总价 同步
let count=0
this.data.wrklist.forEach(element => {
count+=element.minPrice*element.minBuyNumber
});
this.setData({
wrklist: this.data.wrklist,
pricesAll:count
})
},
删除的操作
```bash
//删除图标新元素
delItemFn(e) {
// console.log("-------减1");
console.log(e)
let {
wrklist
} = this.data;
let index = e.currentTarget.dataset.index
wrklist.splice(index, 1);
this.setData({
wrklist
})
},