element-ui表格选中行高亮的效果

最新推荐文章于 2024-06-26 16:19:50 发布

hailanBlue

最新推荐文章于 2024-06-26 16:19:50 发布

阅读量1.9k

点赞数

分类专栏： elemen-ui Vue

本文链接：https://blog.csdn.net/jxjianghailan/article/details/108198654

版权

本文介绍了如何在Element-UI表格中实现选中行高亮，并在子页面操作后返回父页面时保持选中状态。通过在子页面触发父页面的函数，利用官方API刷新表格并定位到选中行。

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

子页面操作对父页面有影响时，操作完子页面，父页面定位到选中行的状态

效果图：

使用到了官方的方法：

在子页面点击“保存”或者“确定”按钮之后刷新父页面，传递参数：

this.$parent.getList(true);

在父页面方法中添加函数：

stCurrentRow(row) {
				this.$nextTick(function() {
					this.$refs.monthlyPlanTable.setCurrentRow(row);
				})
			},

在接后端数据时比如说获取列表信息的时候：

//获取班次列表
			getList(kd) {
				this.loading = true;
				listClazz(this.queryParams).then(response

关注

专栏目录