<view @click="checkAll">{{!allChecked? '全选' :'取消全选'}}</view>
<checkbox-group>
    <checkbox :value="item.id" @click="ChangeCheck(item.id)" :checked="allChecked" />
</checkbox-group>

上面是html的

data() {
		return {
			//	全选
			allChecked: false,
			delList: [],
		};
	},

上面是data

methods:{
         //全选的
    checkAll() {
			if (this.allChecked == true) {
				this.allChecked = false;
				this.delList = []
			} else {
			  this.list.forEach(item => {
					this.delList.push(item.id)
				})
				this.allChecked = true;
			}
		},
		//选择删除的邮件放入列表中
		ChangeCheck(e) {
			let i = e
			let list =  JSON.parse(JSON.stringify(this.delList))
			if(list.indexOf(i) == -1){
				this.delList.push(i)
			}else{
				this.delList.splice(list.indexOf(i),1)
			}
			console.log(this.delList);
		},
}

上面是methods方法,拷贝进去就能用

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐