#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>
GitHub 加速计划 / eleme / element
11
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:8 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐