vue实现购物车的全选功能

首先捋一下逻辑思路

1. 判断显示的状态：判断是否有一个不选中，有一个不选中的话全选按钮就不能显示
2. 点击全选按钮：如果原来都选中，点击一次，全部不选中，如果原来都不选中，点击一次全部选中

封装一个全选的组件，传出一个isChecked的值，把这个组件引入购物车底部组件（下面那栏）

 isChecked:{
        type:Boolean,
        default:false
      }

在购物车的全选按钮上动态绑定ischecked，在购物车底部中使用:is-checked=“isSelectAll”，isSelectAll写在计算属性中

isSelectAll(){
      //判断购物车中是否有商品添加，没有的话全选按钮默认灰色（不选中）
        if (this.$store.state.cartList.length===0) return false
        //使用过滤器
       // return !(this.$store.state.cartList.filter(item=>!item.checked).length)
       //使用find方法，推荐使用第二种方法，性能比较高
        return !this.$store.state.cartList.find(item=>!item.checked)
      }