vue- element-ui table复选框翻页记忆与清除

最新推荐文章于 2023-06-30 18:06:28 发布

Eggsy.Li

最新推荐文章于 2023-06-30 18:06:28 发布

阅读量1.2w

点赞数 2

分类专栏： Vue 文章标签： elementui

本文链接：https://blog.csdn.net/qq_19331985/article/details/115792642

版权

13 篇文章 0 订阅

订阅专栏

在进行表格操作时，使用element-ui 表格控件时加入复选框后默认是无法进行翻页记忆的。
在这里插入图片描述

在进行复选框翻页记忆操作时需要在表格与复选框中分别添加，这个两个参数在翻页复选中必须添加，否则无效。

:row-key="getRowKeys"	// 获取每行的信息
:reserve-selection="true"	// 数据更新之后保留之前选中的数据

// 获取row的key值的方法
getRowKeys(row) {
    return row.id;
},

视频效果：
在这里插入图片描述

在进行内容提交后进行局部刷新后，被选择的数据依然会被选择，没有随着数据的更新而清除。
届时需要通过如下方式进行操作：

 this.$refs.multipleTable.clearSelection()

关注