本文主要给大家介绍基于vue的分页原生写法，代码分为html部分和js部分，简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
本文主要介绍基于vue的分页原生写法。
先po上效果图：
html部分，将page作为一个单独的组件
js部分：
css部分：
body { font-family: "Segoe UI"; } li { list-style: none; } a { text-decoration: none; } .pagination { position: relative; } .pagination li { display: inline-block; margin: 0 5px; } .pagination li a { padding: .5rem 1rem; display: inline-block; border: 1px solid #ddd; background: #fff; color: #0E90D2; } .pagination li a:hover { background: #eee; } .pagination li.active a { background: #0E90D2; color: #fff; }
最后附上github地址：https://github.com/AmberWuWu/vue-page
总结
以上所述是小编给大家介绍的基于vue.js实现的分页，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！
以上就是基于vue.js实现的分页的详细内容，更多请关注本站其它相关文章！
