Vue + Element UI 表格分页记忆选中

人人都在发奋

已于 2022-09-29 20:51:14 修改

阅读量1.3w

点赞数 1

分类专栏：前端笔记文章标签： vue.js ui elementui

于 2021-12-15 10:02:19 首次发布

本文链接：https://blog.csdn.net/qq991658923/article/details/121916601

版权

前端笔记专栏收录该内容

6 篇文章 1 订阅

订阅专栏

官方基于这种操作给出通过属性解决的方法：

:row-key：行数据的 Key ，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用Function。

:reserve-selection：仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key），该属性默认值为false。

<el-table :row-key="handleRowKey">
     <el-table-column type="selection" :reserve-selection="true"></el-table-column>
</el-table>

<script>
export default {
  data() {
    return {
    }
  },
  methods: {
   	handleRowKey (row) {
      return row.id
    }
  },
}
</script>