在elementUI中使用表格显示分页数据和显示所有数据
发布时间
阅读量：
阅读量
公司在数据分析中提了这样的需求：
1.数据用表格显示
2.显示的数据要分页
3.分页里要有个‘显示所有’的功能
因为之前用的是elementUI，后端是flask+sqlalchemy，于是开始用elementUI写表格
第一步表格显示数据
ok，得到了表格数据，显示如下：
第二步分页
以上内容，官网都有，就不多说
第三步将分页与显示所有和起来
在这里，我想到的是，当选择所有的时候，就是不分页，所以这里我设置为NaN
然后就是使用官网的分页方法，handleSizeChange处理的是条数，参数给的是条数，即每页多少条
handleCurrentChange处理的是页数，参数给的是页数，即第几页
然后请求方法，后端根据前端传的参数NaN，在后端处理，显示所有
后端代码：
最终效果
全部评论 (0)
还没有任何评论哟~