uni-app的checkbox多选和全选
<view @click="checkAll">{{!allChecked? '全选' :'取消全选'}}</view><checkbox-group><checkbox :value="item.id" @click="ChangeCheck(item.id)" :checked="allChecked" /></checkbox-group
·
<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方法,拷贝进去就能用
更多推荐
已为社区贡献1条内容
所有评论(0)