vue+elementui的标签选择

发现的最简单的一种写法，近作记录

data里的数据

      workList: [
        { id: 1, value: "测试1", flag: false },
        { id: 2, value: "ceshi2", flag: false },
        { id: 3, value: "ceshi3", flag: false },
      ],

标签/html

<el-tag v-for="item in workList" :key="item.id" style="margin-right:5px;cursor: pointer;" :type="item.flag?'dark':'plain'" effect="dark" @click="tag(item)">
          {{ item.value }}
        </el-tag>

method数据处理

 tag(item) {
      item.flag = !item.flag;
      console.log(this.workList);
    },