收藏功能循环判断点击的是哪一个

图片描述
图片描述
图片描述
我现在就是点击的时候所有的都会变色,我想要做的就是只改变点击的那一个的颜色。在不改变我这个写法的时候,我该怎么做?

阅读 207
评论 2019-09-11 提问
    4 个回答

    html
    content这个是我用来循环的数组,isCollection这个就保存在这个数组里面

    <el-col :span="3">
      <span class="text-gray text-14 cursor-pointer" @click="collection(item.id, index)">
        <i class="iconfont el-icon-star-on" id="icon" :class="{'text-primary':content[index].isCollection}"></i>
        <span class="ml-2" id="text" :class="{'text-black':content[index].isCollection}">收藏</span>
      </span>
    </el-col>

    这是方法

    collection(id, index) {
      this.content[index].isCollection = !this.content[index].isCollection;
    }

    图片描述

    评论 赞赏 2019-09-11