kPagination纯js实现分页插件

Sanchi 发布于2019-08-26 12:09 / 476人阅读

摘要：分页插件纯分页插件，压缩版本，样式可以自定义使用方法当前页跳转配置项选项类型说明可以显示的按钮个数是否显示上一页按钮是否显示下一页按钮是否显示跳转输入框跳转按钮的文字页面触发回调重新渲染成功回调可选样式选项说明分页容器样式按钮容

kPagination分页插件

纯js分页插件，压缩版本~4kb，样式可以自定义

demo 使用方法

配置项

选项	类型	说明
offset	number	可以显示的按钮个数
showPrev	boolean	是否显示上一页按钮
showNext	boolean	是否显示下一页按钮
jumpPage	boolean	是否显示跳转输入框
jumpText	string	跳转按钮的文字
pageChange	function	页面触发回调
afterRefresh	function	重新渲染成功回调

可选样式

选项	说明
k-pagination-num-wrap	分页容器样式
k-pagination-input-wrap	按钮容器样式
k-pagination-num	页码样式
k-pagination-num-active	激活样式
k-pagination-disabled	禁止样式
k-pagination-num-input	输入框样式
k-pagination-jump-btn	跳转按钮样式
k-pagination-jump-dot	省略号样式

附上github地址，喜欢的朋友给个star吧，有bug可以反馈哈，我会第一时间修复

云服务器 GPU云服务器 js 数据分页插件 js+分页插件每页显示数据 js实现分页 js实现数据分页

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108106.html

kPagination纯js实现分页插件

摘要：分页插件纯分页插件，压缩版本，样式可以自定义使用方法当前页跳转配置项选项类型说明可以显示的按钮个数是否显示上一页按钮是否显示下一页按钮是否显示跳转输入框跳转按钮的文字页面触发回调重新渲染成功回调可选样式选项说明分页容器样式按钮容 kPagination分页插件纯js分页插件，压缩版本~4kb，样式可以自定义 demo 使用方法 new kPagination({ ...

Dogee 2019-08-02 11:01 评论0 收藏0
一些基于React、Vue、Node.js、MongoDB技术栈的实践项目

摘要：利用中间件实现异步请求，实现两个用户角色实时通信。目前还未深入了解的一些概念。往后会写更多的前后台联通的项目。删除分组会连同组内的所有图片一起删除。算是对自己上次用写后台的一个强化，项目文章在这里。后来一直没动，前些日子才把后续的完善。欢迎访问我的个人网站：http://www.neroht.com/ 刚学vue和react时，利用业余时间写的关于这两个框架的训练，都相对简单，有的...

tangr206 2019-06-26 17:34 评论0 收藏0
Vue 2019开发者图谱

摘要：为了便于您更清晰的理解的体系架构，在这里我将为您展示年开发者知识图谱，它包含了所有开发过程中的关键部分。在数据展示前端导入导出图表面板数据绑定等场景无需大量代码开发和测试，可极大节省企业研发成本并降低交付风险。作为 Vue 的初学者，您或许已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等，您可能还听过和Vue经常一起被提到的工具和库，如Vuex、Webp...

cgspine 2019-08-23 18:14 评论0 收藏0
实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)

摘要：做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个插件好一点安装不要使用安装导入在哪个页面使用则在哪个页面导入这里的话，我使用全局导入会出现问题若有错还请大家指出暂时想到的就是局部引入注册组件注册组件做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点 1.npm安装 npm ins...

hightopo 2019-08-23 11:58 评论0 收藏0
前端常用插件、工具类库汇总（下）

摘要：上一篇前端常用插件工具类库汇总上内容摘要动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验证分页插件本篇延续上一篇的内容继续给大家带来一系列关于前端插件工具类的内容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言对本文感兴趣可以先加个收藏，也可以转发分享给身边的小伙伴，以后遇到...

ideaa 2019-08-23 13:08 评论0 收藏0