1.<input type=“checkbox” v-model=“checkAll” @change=“changeState”>

vue表单的全选与反选
2.data(){}
checkAll:false,
checkModel:[],
vue表单的全选与反选
3.watch:
watch:{
checkModel: {
handler () {
if(this.checkModel.lengththis.forumList.list.length){
this.checkAll=true;
}else{
this.checkAll=false;
}
},
deep: true
},
},
vue表单的全选与反选
4.method:
changeState(item){
var me=this;
me.checkModel=[];
if(me.checkAll
true){
me.forumList.list.forEach(function(value,index){
me.checkModel.push(value.id)
})
}
},
del(){
var me=this;
me.KaTeX parse error: Expected '}', got 'EOF' at end of input: … me.message({
message: result.data.msg,
type: ‘error’
})
}
if(result.data.result==true) {
me.$message({
message: ‘删除成功’,
type: ‘success’
})
me.checkModel=[];
me.forumEvent();
me.checkAll=false;
}
})
.catch(function (error) {
console.log(error);
});

        },    

vue表单的全选与反选
![](https://img-blog.csdnimg.cn/20190505153414789.png?x-ossprocess=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzU4ODk0Mg==,size_16,color_FFFFFF,t_70vue表单的全选与反选

相关文章: