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

当所有的单品被选中的同时，全选按钮应该被点亮被勾选，老师撇开了这个大难点呀！无语了，囧

解决方案：定义两个空的数组，分别来装数据。主要是用来比对作用。一个数组用来装被选中时当前这条被点击的数据的price*shuliang.

一个数组用来存被选中的当前数据的名称或者数量或者价格，这个数组没有其他的作用。仅仅是用来比较两个数组的长度，当两个数组的长度相等就点亮全选按钮，当数组的长度不相等，就熄灭全选按钮。也就是说，取消任意一条数据的时候就熄灭全选按钮。并且删除掉这个数组中的最前面的这个值。这个判断有点复杂。理解了就好弄。饶恕我不能贴出代码。这个老师很懒。故意不讲选中全部单品却不点亮全选按钮。就是一个最大的bug，也是最难点所在。

qq_遛弯的豌豆_0

2018-07-09

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

关注问题我要回答

1522

操作

收起

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;
   }
  },