vue运用图片形式，实现复选框效果

多个图例切换，要运用object 不要用数组，这是vue的坑

        <div v-for="(item,index) in plans" @click="changemap1(index)">
          <img v-if="!selectList[index]" src="../../assets/img/map/select.png" width="30px" height="30px"/>
          <img v-else="selectList[index]" src="../../assets/img/map/selectActive.png" width="30px" height="30px"/>
          <el-form-item label="" style="margin-top: 2px">
            <el-date-picker
              v-model="item.startTime"
              type="datetime"
              placeholder="开始日期"
              value-format="yyyy-MM-dd HH:mm:ss"
              unlink-panels
              style="width: 200px"
              :picker-options="pickerOptions"
              clearable>
            </el-date-picker>
            ~
            <el-date-picker
              v-model="item.endTime"
              type="datetime"
              placeholder="结束日期"
              value-format="yyyy-MM-dd HH:mm:ss"
              style="width: 200px"
              unlink-panels
              :picker-options="pickerOptions"
              clearable>
            </el-date-picker>
            <el-button icon="el-icon-plus" circle v-if="index === plans.length-1" style="" @click="addPlans()"
                       type="primary" round>
            </el-button>
            <el-button icon="el-icon-minus" circle v-if="index !== 0" style="" @click="removePlans(index,item)"
                       type="danger" round>
            </el-button>
            <!--            <el-button icon="el-icon-minus" type="danger" style="margin-left: 40px" v-if="index !== 0" @click="removePlans(index,item)" round>-->
            <!--            </el-button>-->
          </el-form-item>
        </div>

        selectList: {0: true, 1: true, 2: true, 3: true, 4: true, 5: true, 6: true, 7: true, 8: true},

      changemap1(index) {
        this.selectList[index] = !this.selectList[index]
      }```