全选按钮第二次点击
第一次点击全选,会实现全选,,当第二次点击的时候,应该是取消全选的结果,,但是这个案例是不是第二次点击没有反应?
第一次点击全选,会实现全选,,当第二次点击的时候,应该是取消全选的结果,,但是这个案例是不是第二次点击没有反应?
2017-10-19
selectOne: function(item) {
var arr = [];
if(typeof item.checked == "undefined") {
this.$set(item, "checked", true)
} else {
item.checked = !item.checked
}
this.productList.forEach(function(value, index) {
arr.push(value.checked)
});
if(arr.indexOf(undefined) != -1 || arr.indexOf(false) != -1) {
this.checkAllFlag = false;
} else {
this.checkAllFlag = true;
}
this.collectTotal();
},
selectAll: function() {
if(this.checkAllFlag == undefined || this.checkAllFlag == false) {
this.checkAllFlag = true;
} else {
this.checkAllFlag = false;
}
var me = this
this.productList.forEach(function(value, index) {
if(typeof value.checked == "undefined") {
me.$set(value, "checked", me.checkAllFlag)
} else {
value.checked = me.checkAllFlag
}
})
this.collectTotal();
},
自己写的全选和取消全选效果 可以试试看
举报