情景描述:
1.點擊跳轉到另一個路由,使用路由go(-1)回到上一個路由
2.使用路由元數據meta存儲分頁信息,在點擊跳轉按鈕是保存
3.go(-1)回到上一個路由時取出路由中的分頁信息重新渲染頁面
問題描述:
從代碼中強制將currentPage強制設置為保留數據,可以請求到保留頁數據,但是分頁的組件為初始默認值(一般為第一頁)
問題原因:
使用this.pagination.currentPage = val,強制改變分頁頁數以及樣式,沒法完全重置分頁組件
解決方案:
重新渲染分頁組件,使用v-if。
<el-pagination v-if="paginationShow" @size-change="handleSizeChange" :current-page.sync="pageNo" @current-change="handleCurrentChange" layout="total, sizes, prev, pager, next, jumper" :total="unitNum" :page-sizes="[10, 20, 30, 40]" :page-size="10" ></el-pagination>