elementui分页bug的处理（使页码默认高亮）

前景提要

在使用 Elementui 的分页插件的时候

我有两个状态，一个是A（进行中），一个是B（已结束），然后在相应状态下的数据又分了很多页。那么我 点击 A 中的第2页的时候。他会加载A中第2页数据并且2为高亮显示，但是当我接着切换到B状态的时候，此时分页插件的高亮依然为2，但是页面加载的数据是 B 状态下的第1页，我要的效果是切换状态之后，页码高亮都是1。

解决办法

elementui 分页插件里面有个参数为  current-page  ，表示当前页数，也就是高亮显示的页码。

我们要做的就是动态控制 高亮显示的页码。

代码如下

<div class="container" style="margin-top:70px;margin-bottom:80px">
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6 text-center">
                    <el-pagination
                    layout="prev, pager, next"
                    :hide-on-single-page="value"
                    :current-page.sync="currentPage"
                    @current-change="handleCurrentChange"
                    :total="totalpage">
                    </el-pagination>
                </div>
                <div class="col-md-3"></div>
            </div>
</div>

在data 里面声明 变量  currentPage , 然后在切换状态的执行函数里面设置  this.currentPage = 1 ，这样之后，在切换状态的时候，分页默认高亮就为  1  了