为了账号安全,请及时绑定邮箱和手机立即绑定

全选按钮第二次点击

第一次点击全选,会实现全选,,当第二次点击的时候,应该是取消全选的结果,,但是这个案例是不是第二次点击没有反应?

正在回答

3 回答

案例中使用的是分开写,合起来写的话,加一个if判断可以解决

0 回复 有任何疑惑可以回复我~

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();

},

自己写的全选和取消全选效果 可以试试看

0 回复 有任何疑惑可以回复我~

老师把选中和取消分成两个按钮来写了,可以合并成一个,自己可以试试

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
使用vue2.0实现购物车和地址选配功能
  • 参与学习       96865    人
  • 解答问题       446    个

本视频教程结合案例完整贯穿各个知识点,轻松玩转vue2.0框架

进入课程

全选按钮第二次点击

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信