element-ui - element ui 表格的 多选/全选 功能在刷新后没有办法保存已勾选的状态

问题描述

问 题

1.如图
使用element ui表格的多选功能，勾选完多个项目后再刷新或者翻页没有办法保存之前已勾选的状态（即打钩）
2.我是监听table的selet和selet-all事件来确定多选/全选事件的触发

不知道有木有人遇到相似的问题，以及是如何解决的呢？希望能给一点思路。

解决方案

首先解释一下原因，页面重新刷新后，原来的组件被销毁然后又重新渲染了新的组件。checkbox的check属性已经被重置为原来的状态。
解决方案，可以存储选择结果到vuex的store里面，或者请求到数据后，存储到data里面。通过element-ui的table组件的toggleRowSelection方法设置这一行的选中状态。

这篇关于element-ui - element ui 表格的 多选/全选 功能在刷新后没有办法保存已勾选的状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！