vue2.0实现分页组件的实例代码

前端之家收集整理的这篇文章主要介绍了vue2.0实现分页组件的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近使用vue2.0重构项目,需要实现一个分页的表格,没有找到合适的分页组件,就自己写了一个,效果如下:

该项目是使用 vue-cli搭建的,如果你的项目中没有使用webpack,请根据代码自己调整:

首先新建pagination.vue文件,所有组件的代码都写在这里,写这样的组件并没有什么太大的难度,主要是解决父子组件之间值传递的问题