全选vuex

 <div>
      {{$store.state.denglu}}
      循环vuex中的数组
      <div class="div" v-for="(item,index) in $store.state.denglu" :key="index">
          <p >
          //input框双向绑定在数组中productUrl
              <input type="checkbox" v-model="item.productUrl" @click="$store.commit('checkone',index)">
              //这是本地图片所以要写路径
              <img :src="'http://localhost:8081/img/'+item.productImage" alt="">
              {{item.productName}}
              {{item.salePrice}}
          </p>
      </div>
      <p>价格：<span></span></p>
     <p> 全选
         <input type="checkbox" v-model="$store.state.all" @click="$store.commit('checkall')" />
     </p>
     <p v-show="$store.state.all==true" @click="ass">全部删除</p>
  </div>

  state: {
    num: 1,
    username:'',
    mingzi: [],
    cart:[],
    denglu:[],
    s:"",
    //定义的全选切换
    all:false
  },
  //修改数据存储
  mutations: {
    checkone(state,index){   //点击单选
      // 自身
           state.denglu[index].productUrl=!state.denglu[index].productUrl
          //  判断数组中的值是否全部选中  只要有一个不选中全选就不选中
            state.all=  state.denglu.every(item=>{
               return item.productUrl===true
            })
    },
    checkall(state){
      state.all=!state.all
      state.denglu.forEach(item=>{
        item.productUrl=state.all
      })
    },
 dl(state, obj) {
        state.denglu.push(obj)
    },
    }，