Vue+Element-UI实现分页功能

为展示分页功能，配合element-ui的表格组件同时使用，最终的效果如图：

1.在Element-UI官网上查找相应组件

 

2.将相应代码放到项目的分页文件中，并作相应的整理

 表格代码及注释：

 分页组件代码及注释:

js部分代码及注释：

 根据表格格式，list数组的格式是这样的：

这里list的数据写死了，在实际开发中，list数据应该通过接口获取。可给list写一个获取数据的方法，注意方法实现的生命周期应该在created。

具体实现demo：vue-test