vue2.0实现分页组件

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

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

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

复制代码




复制代码

使用时, 在父组件中引入, 代码如下: 

复制代码


复制代码

至此, 一个基于 vue2.0 的分页组件就完成了

你可能感兴趣的:(vue2.0实现分页组件)