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 filter格式化时间戳时间成标准日期格式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
使用Vue.observable()进行状态管理的实例代码详解
这篇文章主要介绍了使用Vue.observable()进行状态管理的实例代码，本文通过代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
vue+elementUI的select下拉框回显为数字问题
这篇文章主要介绍了vue+elementUI的select下拉框回显为数字问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要为大家详细介绍了如何基于Vue实现我的钱包充值功能,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以参考一下2024-01-01
这篇文章主要为大家详细介绍了vue实现轮播图帧率播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
Vue基于el-breadcrumb实现面包屑功能(操作代码)
这篇文章主要介绍了Vue基于el-breadcrumb实现面包屑功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
vue中 根据判断条件添加一个或多个style及class的写法小结
这篇文章主要介绍了vue中 根据判断条件添加一个或多个style及class的写法,文中给大家补充介绍了关于vue里:class的使用结合自己的实现给大家讲解，需要的朋友可以参考下2023-03-03
Vue项目中对index.html中BASE_URL的配置方式
这篇文章主要介绍了Vue项目中对index.html中BASE_URL的配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
今天小编就为大家分享一篇vue自定义switch开关组件,实现样式可自行更改，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要为大家详细介绍了使用Vuex做Echarts数据时,当页面初始化后如何更新dom,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下2023-11-11
最新评论