Vue中ElementUI分页组件Pagination的使用方法
程序员文章站
2022-06-26 14:41:31
vue中elementui分页组件pagination的使用,供大家参考,具体内容如下一、概要elementui 提供了 el-pagination 组件,只要配置相应得参数和事件,即可实现分页。二、...
vue中elementui分页组件pagination的使用,供大家参考,具体内容如下
一、概要
elementui 提供了 el-pagination 组件,只要配置相应得参数和事件,即可实现分页。
二、实现
1、基本用法
2、后端分页的实现
实现思路:向后台发送请求,传入pagenum、pagesize两参数,直接得到相应的分页数据。
3、前端分页的实现
实现思路:向后台发送请求,获取全部数据,前端通过pagenum、pagesize对数据进行处理,最终得到相应的分页数据。以下是处理数据得两种方法:
1、利用 array.slice 截取想要的数组片段( 此方法要考虑 总页数为“1” 和 尾页 的情况)
2、利用 array.filter 过滤出想要的数组片段(此方法无需考虑 总页数为“1” 和 尾页 的情况,只要满足条件即可
总结:无论是前端分页和还是后端分页,最终都需要拿到两个参数:pagenum(当前页)、pagesize(每页多少条)。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 两大技术阵营对弈 移动支付场景成命门
推荐阅读
-
在Vue组件化中利用axios处理ajax请求的使用方法
-
详解vue修改elementUI的分页组件视图没更新问题
-
vue elementui 中带字数校验的 textarea组件封装
-
在vue+elementUI中的分页功能
-
vue中使用ElementUI组件中的el-table遇到的问题
-
vue中的自定义分页插件组件的示例
-
Vue中ElementUI分页组件Pagination的使用方法
-
vue封装element组件库中的封装通用table,是否启用多选、按钮及是否分页,样式可自定义设置
-
vue仿酷狗音乐中遇到的坑-----如何更改elementui中组件的样式
-
Vue+ElementUI零基础搭建管理平台(5)——如何在vue-cli中添加ElementUI以及引入ElementUI框架中的组件