                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /使用vue2.0实现购物车和地址选配功能

关于全选和取消全选，取消全选不能取消上面的样式

checkAll: function (flag) {
this.checkAllFlag = flag;
var _this = this;
if(this.checkAllFlag){
this.productList.forEach(function(item,index){
if( typeof item.checked == 'undefined'){
_this.$set(item,"checked",_this.checkAllFlag);
}else{
item.checked = _this.checkAllFlag;
}
});
}
},

不知道哪里出问题了

清暄

2017-07-27

源自：使用vue2.0实现购物车和地址选配功能 5-1

关注问题我要回答

1940

操作

收起

2 回答

八宝君回答被采纳 +2 积分
2017-07-28

if(this.checkAllFlag){
this.productList.forEach(function(item,index){
if( typeof item.checked == 'undefined'){
_this.$set(item,"checked",_this.checkAllFlag);
}else{
item.checked = _this.checkAllFlag;
}
});
}

你这里在外层做了一个判断，如果给checkALL传入的是false(也就是点击的是取消全选)，那么这里的判断就是为假，里面的一切都不会执行了。也就不会遍历然后取消每一项的选中了。所以应该去掉外层的 if(this.checkAllFlag)，直接去遍历。