在element-ui分页基础上封装自己的分页组件

我们在开发后台管理系统的时候不可避免的会遇到列表分页需求，element 官方尽管已经帮我们封装好了,但是我们每次调用的时候依然要传递不少参数，看上去很复杂，为此我们可以以此封装一个自己的分页组件。
在开发之前我们需要清除自己需要的参数，我这里用的是这些。

pagination.png

接下来我们就开始正式封装我们的pagination组件。

这里有个小坑，不要尝试直接改变currentPage这个属性，因为当你切换分页的时候会触发改变prop属性，改放在data或computed中定义。

errorMessage.png

完成pagination组件的封装后，我们可以这样调用，这样省略了很多参数看上去简单多了。