uniapp手写 购物车单选 全选 反选

这里是用图片切换的方法显示没有用到 checkbox

单选 选项 图片判断切换

<image class="file_type" mode="aspectFit" :src="'/static/img/'+[item.flag?'checked':'unchecked']+'.png' "@tap ="listCheck(item,index)" />

全选 选项 图片判断切换

<image class="checkall":src="'/static/img/'[checkdeAll?'checked':'unchecked']+'.png'"@tap="checkAllEvent"/>

---

//  单选 
listCheck(index) {
	let that = this;
	that.listData[index].flag = !that.listData[index].flag;
	that.checkdeAll = that.listData.length === that.listData.filter(item =>{
			return  item.flag;
	}).length;
},

// 全选
checkAllEvent(e) {
	let that = this;
	that.checkdeAll = !that.checkdeAll;
	if (that.checkdeAll) {
	that.listData.map(item => {
			item.flag = true;
	});
	} else {
		that.listData.map(item => {
		item.flag = false;
		});
	}
},