vue 移动端 封装分页插件

分页插件在手机移动端很常见,插件很多,但是因为分页需求不同,所以先选择什么插件也是一个纠结的问题。但是分页插件的核心思路是大同小异的,与其老是用别人的东西,不如自己写一个来的实在。

本项目技术栈:vue   vuex  less 

效果图如下:

功能思路:

1.开始显示总条数和第一页

2.上一页和下一页跳转

3.输入框输入页数跳转到该页

好,看代码:





以上代码是一个完整的vue组建额,可以全部复制直接使用。

引用说明:



1.引入分页组件

2.注册

3.调用并绑定事件传值

好了,你直接复制组件代码然后根据下使用说明应该是可以使用这个分页组件的。小生技术生浅,如有不合理之处,欢迎各位大牛指教。

你可能感兴趣的:(vue)