element ui table左侧选中，右侧渲染，右侧删除单个标签，左侧对应标签不选中(实际操作中发现同名博文的一点问题，此篇为补充代码)，交互问题（添加、修改回显）

爱吃火腿的子车鸿轩

已于 2022-04-24 15:00:09 修改

阅读量1.1k

点赞数

分类专栏：原创文章标签： js

于 2022-04-21 15:34:09 首次发布

本文链接：https://blog.csdn.net/weixin_39143969/article/details/124322869

版权

这篇博客主要探讨了在使用Element UI的表格组件时，如何实现左侧选中项在右侧渲染，以及右侧删除单个条目后，左侧对应的选中状态自动取消。同时，文章还提到了回显功能的实现，以及在实际操作中遇到同名博文的问题，作为补充提供了具体代码。

摘要由CSDN通过智能技术生成

表格代码如下：

<el-table
     ref="multipleTable"
      :data="userTableData"
      class="padding-table"
      style="width: 100%;"
      @selection-change="tableChangeFun">
          <el-table-column
			type="selection"
			width="55">
			</el-table-column>
			<el-table-column
			prop="name"
			label="姓名"
			              width="150">
			</el-table-column>
			          <el-table-column
			prop="phone"
			label="手机号"
			              width="150">
			</el-table-column>
			          <el-table-column
			prop="deptName"
			label="部门"
			              show-overflow-tooltip>
		</el-table-column>
</el-table>

回显：