element ui重新整理頁面時保留當前分頁。

2021-09-03 10:55:17 字數 423 閱讀 6123

vue專案中用element ui元件的pagination元件,當手動重新整理頁面時當前頁會回到預設選中效果,一般會回到第一頁,如何重新整理時讓記住重新整理前的頁面,讓重新整理後的頁面不變呢?

做狀態的本地儲存,通過在localstorage中儲存你的頁碼資訊,在頁面元件初始化的時候獲取本地儲存的資訊,進而初始化,以達到你要的重新整理保留狀態的目的。

注意

1.vue中vue中重新整理頁面,會導致元件狀態初始化,要記錄重新整理前的狀態,可將重新整理前需要儲存在本地儲存裡面

2.localstorage 訪問資料是以字串的形式訪問的

3.注意current-page的屬性值的型別是number型別的,而非字串

html:

ajax定時重新整理頁面

用el表示式顯示資料,頁面為remind.jsp user info ui user info session.getattribute userinfo listrolelist list session getattribute rolelist 條資訊公告 條反饋會議 條需要回執會議 條調查 ...

response 重新整理頁面 meta

控制瀏覽器每3秒重新整理一次 response.setheader refresh 3 延時跳轉到指定頁面 response.setheader refresh 3 url xx 但是我們開發都是jsp顯示頁面資訊,所以以上方法不常用的,下面的meta標籤常用 content 5 url respo...

Vue重新整理頁面功能

在使用vue開發過程中,有時候修改了一些資料或者提交了表單以後需要重新整理當前頁面,js中有很多方法都可以重新整理頁面,但是我覺得都不是很友好,會突然整個頁面白了一下,相當於按了f5重新整理頁面。最近看到了大神們的做法,也實現了一下,感覺挺不錯的。isrouteralive router view ...