
使用 vue 全选已经分页的数据
vue 中可以对后端分页后的数据进行全选操作,但当切换页码时,由于重新请求接口,这些数据会被复原。
解决方案:
前端进行分页处理,将所有数据一次性从后端获取,再前端分页展示。
代码实现:
v4.0最新修正: 美化后台登陆页面,完善下载的管理和合理性; 增加资料下载,满足一般企业的资料下载要求,完善修正; 增加购买合同下载; 完善发布文章不分行; 完善前后台登陆系统安全性; 修正所有发现的小错误; 增加统计系统; 美化页面; 后台主要功能如下: 一、系统管理:管理员管理,可以新增管理员及修改管理员密码;数据库备份,为保证您的数据安全本系统采用了数据库备份功能;上传文件管理,管理你增加
立即学习“前端免费学习笔记(深入)”;
- 获取所有数据,前端分页展示:
mounted() {
this.$http.get('/data').then((res) => {
this.data = res.data;
this.currentpage = 1;
this.limit = 8;
});
}- 点击全选按钮:
selectAll() {
this.data.forEach((item) => {
item.checked = true;
});
}原理:
前端一次性获取所有数据后,进行分页展示。只要数据在前端,就可以独立于后端分页进行全选操作,不受切换页码的影响。









