element-ui分页的复习
- 首先获取数据,查看后台接口文档,
page:是显示当前页;pagesize是每一页的数据条数;total是数据总数 - 调用接口获取数据,将上述三个参数在data中封装成一个对象,既可以当作参数获取数据,也可以在之后的分页中使用
- 获取数据之后,将数据传递到List数组中,该数组也是我们自己创建用来存储拿到的数据的
- 绑定table渲染数据之后,绑定分页组件的数据
- 分页组件中 total属性是总结数目,我们将其设置为返回过来的List中的total
- 其中的page-size属性是每一页面的数量,我们将其设置为List中的pagesize
- 最后我们发现点击页码不能切换数据,是因为我们没绑定切换页面的事件
- 查看文档 切换页面的方法名称为current-change ,注册该事件,这个事件是当点击页码的时候触发的,返回值为当前页码,我们将这个返回值设置为List中的page属性再调用接口函数获取数据就可以实现切换页面效果。