vue分页之＜el-pagination＞

一、组件使用
其中比较注意一点的是 :current-page.sync属性，代表默认显示第几页。（刚开始我使用的:current-page，发现有些情况下默认并不好使，具体他俩有什么区别我也还不太清楚。）
（1）、handleSizeChange方法表示，在点击每页多少数据时触发。
如下：

(2)、handleCurrentChange属性表示点击第几页的跳转触发的方法，如下：

（3）、以上两个方法中，通过 this.$emit(“searchTable”, this.form)来向父页面传参。
父页面点击方法如下：触发父页面列表查询传参。


二、所遇到问题
（1）在点击第二页的情况下搜索不在第二页的已有数据，则显示为null.
原因：因为在点击第二页的时候，数据已经将分页一起传了进去，所以才导致查询分页不对。
修改方法：将查询条件与分页查询分开了，写了两种方法来传参，并调取了两种相同的后台路径。这样就不会导致出现以上那种情况了。
在列表条件查询时还加了默认为null操作。如下：
此操作目的是，进行条件查询的时候不带分页操作。有一个明显的缺点，就是如果查询条件多，会很麻烦也笨拙。因此这个位置想写一个监听来监听queryData里面数据的变化（只是个想法，还未操作）。

这个办法有些笨拙，如果有更好的方法，会在学习一下。