vue element路由跳轉保留分頁狀態問題處理


情景描述:

  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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM