vue3+element plus el-table表格实现页面刷新后保留选中结果,全选禁用,指定行禁用
在el-table标签中添加selection-change事件和row-key属性,并在type=selection的el-table-column标签上添加reserve-selection属性即可实现保留选中结果1.element plus 文档参考2.实际代码实现。
·
一、 页面刷新后保留选中结果
在el-table标签中添加selection-change事件和row-key属性,并在type=selection的el-table-column标签上添加reserve-selection属性即可实现保留选中结果
1.element plus 文档参考



2.实际代码实现

二、全选禁用
使用el-table的select-all事件和clearSelection()方法,即可实现表格全选禁用(注意这里是让表头的勾选框不可被勾选,不是隐藏勾选框)
1.element plus 文档参考

2.实际代码实现
![]()

三、指定行禁用
使用el-table的selectable事件,根据实际需要设置指定行禁用
1.element plus 文档参考

2.实际代码实现
![]()

更多推荐



所有评论(0)