vue 用2张图片写复选框。选中状态图片跟未选择状态图片加提示

vue 用2张图片写复选框。选中状态图片跟未选择状态图片
思路：

deminsClass(index, d) {
      if (this.newArr.length > 5 && !d.isShow) {
        return   //先判断数组是否超过5元素，超过就不让往下执行
      }
      if (this.newArr.indexOf(d.title) > -1) {   //判断数组中是否已经添加了此元素。
        this.newArr.forEach((item, indexs) => {
          if (item == d.title) { //判断数组中的title跟选中的title是否相同
            this.demins[index].isShow = !this.demins[index].isShow  //选中与不选中
            this.$set(this.demins, index, this.demins[index])
            this.newArr.splice(indexs, 1) //相同就说明已经添加过就执行删除
          }
        })
      } else {
        if(this.newArr.length<5){  //不存在就添加
          this.demins[index].isShow = !this.demins[index].isShow /选中与不选中
          this.$set(this.demins, index, this.demins[index])
          this.newArr.push(d.title)  // 数组长度小于5 就添加
        }else {
          this.$message.info('最多选择5个维度')  //不小于5就提示
        }
      }