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

有关于选中及全选的不明白点

听过大神的课程，对于vue的商品选中与全选有了一个全新的认识，不过还是有点不太明白哦：如果我没点全选，但是商品我全都选完了，如何让全选按钮也变成选中，而取消一个选中，全选按钮又变成未选中呢？我以前的做法是每选中一条商品就遍历判断一次是否所有商品的check是否为true，有没有更加简便的方法？希望能有具体的代码说明

Tuowi

2017-11-17

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

关注问题我要回答

1546

操作

收起

3 回答

日光弥散回答被采纳 +2 积分
2017-11-20

可以在data里面加2个 totalCount 和 checkCount 选择一个商品的时候如果check为true checkCount++，否则checkCount--，然后判断checkCount == totalCount ，删除商品的时候totalCount --；

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

收起回答

Tuowi 提问者

尝试可行，谢谢

2017-11-21 回复有任何疑惑可以回复我~

海子de微博
2018-03-13

selectedProduct: function (item) {
    if(typeof item.checked =='undefined'){
        // Vue.set(item,'checked',true);
        this.$set(item,'checked',true);
    }else{
        item.checked=!item.checked;
    }

    var isAllCheck=this.productList.every((value)=>{
        return value.checked===true;
    });
    this.checkAllFlag=isAllCheck?true:false;
}

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

收起回答