vue - 实现购物车分类商品的单选和多选

  今天用了一下空闲时间来实现了购物车部分商品的单选和多选，下面来个案例供大家参考：

效果图：

案例代码如下：

<template>
  <div class="text">
    <div class v-for="(item,index) in dataList" :key="index">
      <div class="yesterday">{
  {item.kinds}}</div>
      <div class="list_wrap" v-for="(item1,index) in item.list" :key="index">
        <div class="select_wrap" @click="selectItem(item1)">
          <img class="select" src="https://i.loli.net/2020/03/05/2ODunK73vlaHhIw.png" mode v-if="item1.checked" />
          <img class="select" src="https://i.loli.net/2020/03/05/zaBLDGlk2dCUwZQ.png" mode v-else />
        </div>
        <img class="btimg" :src="item1.img" mode />
        <div class="item_wrap">
          <div class="title">{
  {item1.title}}</div>
        </div>
      </div>
    </div>
    <div class="foot_wrap">
      <div class="select_wrap" @click="selectAll">
          <img class="select" src=