关于elementUI开发中使用的一些小技巧

发布时间 2023-11-13 20:27:00作者: 秃头大宝贝

关于表格

1.表格的勾选遇上分页

问题:当需要对表格批量操作,并且表格数量量不止一页的情况下,怎么在点击下一页时再回来能够保留之前勾选的状态(前端分页)?
在element官网中没有这个例子,但是有对应的两个属性就可以了
image
只需要在多选框那一列加上这个属性,并且设置表格每行的key
image
例子:

<el-table
  ref="form"
  :model="form"
  :row-key="getRowKeys"
  ...
	<el-table-column type="selection" :reserve-selection="true"></el-table-column>
  ...
  methods:{
    getRowKeys(row) {
	   return row.id;//设置每行的唯一key
    },
  }