vue element的分页当前页重设为1

---

#pic_center =400x
系列文章：

---

---

背景描述

多个el-table复用一个element ui 的分页，在el-table切换时，需要将分页高亮的当前页重置为1

方法

如当前页在43，但是切换到另一个el-table时，可能只有10页（不够43页）所以需要重置高亮当前页
分页上的显示：原先是:current-page 改为 :current-page.sync即可 （另需要重置当前页为1再去查询el-table数据）

                <el-pagination
                  :current-page.sync="otherRecordPage.currentPage"
                  :page-sizes="this.pageSize"
                  :page-size="otherRecordPage.pageSize"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="otherRecordPage.total"
                  @size-change="(val) => handleSizeChange(this.first, this.second,val)"
                  @current-change="(val) => handleCurrentChange(this.first, this.second,val)"
                ></el-pagination>

---

---

另：不知道为什么之前写的加在el-table上？？？
:current-page.sync=“excelPage.currentPage”

                <el-table
                  :data="excelData"
                  border
                  :stripe="true"
                  :current-page.sync="excelPage.currentPage"
                  style="width: 100%; ">
                  <el-table-column
                    v-for="(s, i) in excelHeader"
                    :prop="i + ''"
                    :label="s"
                    :key="i">
                  </el-table-column>
                </el-table>