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

取消一个商品的选中状态时，如何把全选的选中状态给取消

因为此时的状态已经不是全部选中的状态了，按理说应该把全选的状态给取消了，求大神解答
selectAll(flag){
   this.checkAllFlag=flag;
   var _this=this;
   this.proList.forEach(function(item,index){
           if(typeof item.checked=='undefined'){
               _this.$set(item,'checked',_this.checkAllFlag);

           }else {
               item.checked=_this.checkAllFlag;
           }
       })
    }

麦片家电饼

2018-05-20

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

关注问题我要回答

2060

操作

收起

2 回答

qq_与我无关N_0
2018-11-21

selectedProduct: function(item){
   if(typeof item.checked == 'undefined'){
    Vue.set(item,"checked",true);
    // 局部注册
    // this.$set(item,"checked",true);
   }else{
    item.checked = !item.checked;
   }
   var itemisChecked = [];
   this.productList.forEach(function(item,index){
    if(item.checked == true){
     itemisChecked.push(item);
    }
   })
   if(itemisChecked.length == this.productList.length){
    this.checkAllFlag = true;
   }else{
    this.checkAllFlag = false;
   }
  },