美文网首页
ElementUI表格翻页仍保持选中数据及选中状态

ElementUI表格翻页仍保持选中数据及选中状态

作者: 君子钺 | 来源:发表于2023-12-21 17:27 被阅读0次

    最近在用emenetui做项目,遇到了这样一个需求,列表数据选中翻页后继续选择数据,翻页回来需要保持原有的选项及相中效果。然后再网上开始抄作业,五花八门的答案看得眼花缭乱,自己也尝试用自己的方法去实现,困难重重,最后仔细看了看文档,直拍大腿,度娘误我!废话少说,上重点:

    其实仔细看文档会发现,el-table上加上属性row-key=“这里我用id,你们随意”,在类型为selection的el-table-column上加上属性reserve-selection="true",这样就能完美解决了,怎么样,是不是很简单,下面是示例代码:

    <el-table ref="table" :data="dataList">

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

        ...

    </el-table>

    希望能帮到你。

    相关文章

      网友评论

          本文标题:ElementUI表格翻页仍保持选中数据及选中状态

          本文链接:https://www.haomeiwen.com/subject/oehfndtx.html