php 的全选与反选 vue中全选与反选

下面我就为大家分享一篇vue 全选与反选的实现方法(无Bug 新手看过来)，具有很好的参考价值，希望对大家有所帮助。

我就废话不多说，直接上代码吧！

Document

{{item.name}}

全选

var vm = new Vue({

el : "#app",

data : {

proData: [

{

"name": "张三"

}, {

"name": "李四"

}, {

"name": "王五"

}, {

"name": "赵六"

}

],

selectArr: [],

checked : false

},

watch : {

selectArr(curVal){

if(curVal.length == this.proData.length){

this.checked = true

}else{

this.checked = false

}

}

},

methods: {

selectAll(event){

if (!event.currentTarget.checked) {

this.selectArr = [];

} else { //实现全选

this.selectArr = [];

this.proData.forEach((item, i) =>{

this.selectArr.push(i);

});

}

}

}

})

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：