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

2022-07-24 19:27:10 字數 717 閱讀 3738

情景描述:

1.點選跳轉到另乙個路由,使用路由go(-1)回到上乙個路由

2.使用路由元資料meta儲存分頁資訊,在點選跳轉按鈕是儲存

3.go(-1)回到上乙個路由時取出路由中的分頁資訊重新渲染頁面

問題描述:

從**中強制將currentpage強制設定為保留資料,可以請求到保留頁資料,但是分頁的元件為初始預設值(一般為第一頁)

問題原因:

使用this.pagination.currentpage = val,強制改變分頁頁數以及樣式,沒法完全重置分頁元件

解決方案:

重新渲染分頁元件,使用v-if。

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"

>

dva 路由跳轉

1.從props取出並傳遞history 取 const this props 用 history.push go back home 2.withrouter,link withrouter import from dva router history.push go back home expo...

vue跳轉路由

1.router link 1 不帶引數 name,path都行,建議用name 2 帶引數 params傳引數 類似post 路由配置 path home id 或者 path home id 不配置path 第一次可請求,重新整理頁面id會消失 配置path,重新整理頁面id會保留 html 取...

路由跳轉方式

路由的跳轉方式有兩種形式。router link標籤 可以把router link理解為乙個a標籤,它 也可以加class修飾 to 必選引數 型別string location。home user register首頁首頁 首頁程式設計式導航 push replace 宣告式導航能做的程式設計式都...