VUE 表格选中的数据列表用el-tag列表进行展示，并且当点击el-tag的删除图标后，表格对应的选中样式也取消的逻辑。

1、效果图

2、代码部分

el-tag：v-for循环表格选中的数据，绑定关闭事件

<el-tag v-for="(item, index) in currentDialogMemberData" 
        :key="item.id" type="info" 
        closable :disable-transitions="true"                     
        @close="handleDialogMemberSelectedClose(item.id)">
   {{item.data1}}
</el-tag>

表格:  ref="multipleTable"  @selection-change事件

 <el-table ref="multipleTable"   
           :data="dialogMemberDataList" row-key="id" 
           @selection-change="selectedDialogMemberDataCurrentRow">
    <el-table-column type="selection" width="55"></el-table-column>
 </el-table>

事件代码：

 handleDialogMemberSelectedClose(key) {
      this.dialogMemberDataList.forEach( row => {
        if(row.id === key){
          this.$refs.multipleTable.toggleRowSelection(row, false); // 若有重合，则取消回显该条数据
        }
      })
    },

 selectedDialogMemberDataCurrentRow(val){
      this.currentDialogMemberData = val;
    },