vue3 Table分页保留选中状态代码示例
更新时间：2023年08月31日 10:52:00 作者：云雾散尽了
这篇文章主要给大家介绍了关于vue3 Table分页保留选中状态的相关资料,vue table组件是一个非常方便的表格组件,它可以帮助我们实现分页和选中功能,需要的朋友可以参考下
//指定id值,数据更新之后保留之前选中的数据
const getRowKeys = (row) => {
return row.siteId;
};// 这存的是选中的数据
const userSelectionChange = (values) => {
state.selectedData = [...values];
};// 两个数组对比，判断表格中的数据是否开启选中
const reserveSelection = () => {
let table = state.tableData;
table.forEach((item) => {
state.selectedData.forEach((ite) => {
if (item.siteId === ite.siteId) {
setTimeout(() => {
//让页面显示选中的数据
multipleTable.value.toggleRowSelection(item, true);
}, 0);
}
});
});
};总结
到此这篇关于vue3 Table分页保留选中状态的文章就介绍到这了,更多相关vue3 Table分页保留选中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue完美实现el-table列宽自适应，对vue感兴趣的同学，可以参考下2021-05-05
开发中,需求是将内容展示作为一个组件,输入为contentId,请求在组件中,只需根据父组件传过来的contentId去请求内容的详情即可,但是过程中却发现一个问题,父组件调用子组件只执行一次,所以本文就给大家介绍解决vue父组件调用子组件只执行一次问题2023-09-09
这篇文章主要介绍了element中的el-upload附件上传与附件回显方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了使用echarts柱状图实现select下拉刷新数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章给大家介绍了使用vue-cli导入Element UI组件的方法，非常不错，具有一定的参考借鉴价值，需要的朋友一起看看吧2018-05-05
这篇文章主要为大家介绍了Vue中动态Class的实战示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
在Vue.js中,实现登录数据的持久化需要使用浏览器提供的本地存储功能,Vue.js支持使用localStorage和sessionStorage来实现本地存储,本文就来介绍一下如何实现,感兴趣的可以了解一下2023-10-10
这篇文章主要介绍了vue如何遍历data所有变量并赋值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本文主要介绍了element动态路由面包屑的实现示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
今天小编就为大家分享一篇vue里input根据value改变背景色的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论