VUE自定义分页器组件

Vue CLI分页组件实战：快速上手并定制

最新推荐文章于 2024-09-13 11:17:27 发布

原创最新推荐文章于 2024-09-13 11:17:27 发布 · 989 阅读

CC 4.0 BY-SA版权

文章标签：

17 篇文章

订阅专栏

13 篇文章

订阅专栏

3 篇文章

订阅专栏

这篇文章介绍了如何使用Vue CLI构建一个易于使用的分页器组件，演示了如何设置总页数和展示页数，并通过自定义事件实现翻页功能。源码提供下载，适合前端开发者学习和实践。

vue/cli框架撸一个分页器组件，非常的好用，快来领取吧。

在这里插入图片描述

"vue自定义分页组件")

这是调取组件后传入总页数20，显示4页的效果。

外链图片转存失败
源码请到源码链接

源码仅供学习和参考，请勿直接使用。源码里的前进后退按钮我用用了iconfont所以在使用时需要替换一下。

参数：

参数	类型	默认值	描述
total	number/string	5	总页数
show-page	number	5	展示页数

事件：

自定义事件	描述
currentPage	当前页，当前页发生改变时发送事件，可以用来监听翻页发送数据请求

在这里插入图片描述

——————————

转载请注明出处！！！
本文首发：https://www.ic365club.com
ic365club是知识分享和学习交流的扁平化平台，欢迎广大爱好学习的伙伴一起加入。