vue实用分页组件分页（页数过多时显示省略号）
时间：2023-04-02 18:18:08
HTML
2017年6.26更新：之前的版本在页数过多的时候还是每页显示，明显不合理。增强版会在页面过多时显示省略号，并单独提取分页组件，可直接导入其他页面使用。看代码：Paging.vue也可以直接在JSfiddle中查看实现————————————————以下是之前的版本————————————————直接上传代码。只有一个小点需要注意：vue1.x的v-for循环是从0开始的，遵循了编程语言设计的一贯做法，而vue2.x是从1开始的，符合我们平时的习惯。用vue2.x的方法比较方便，不用一时绕来绕去。也可以直接在jsfiddle中查看。//htmlprevnext
//jsvarpaging=newVue({el:'#paging',data:{sum:4,//总页数curPage:1,//当前页},methods:{getBooks:function(page){//页面初始化函数},switchPage:function(page){varvm=this;if(page<1){page=1;}elseif(page>vm.sum){page=vm.sum;}vm.getBooks(page);vm.curPage=page;},}})//cssspan{display:inline-block;边距：3px；宽度：35px；高度：35px；行高：35px；文本对齐：居中；颜色：粉色；背景：#fff；border-radius:5px;}span.current-page,span:hover{color:#fff;背景：粉色；}参考文章：https://segmentfault.com/a/11...
