重新整理當前頁面常用的方法是

2021-09-28 15:46:22 字數 1057 閱讀 3090

重新整理當前頁面常用的方法是:

1、第一種方法是:window.reload();

2、第二種方法是:this.$router.go(0);

這兩種方法是可以重新整理當前面,但重新整理的那一瞬間,頁面會有一瞬間空白閃爍;這樣使用者體驗不好。

3、跳轉空白頁再跳回原頁面

在需要頁面重新整理的地方寫上:this.$router.push(』/emptypage』),跳轉到乙個空白頁。在emptypage.vue裡beforerouteenter 鉤子裡控制頁面跳轉,從而達到重新整理的效果

beforerouteenter

(to,

from

, next)

)}

這種畫面雖不會一閃,但是能看見路由快速變化。

4、控制的顯示隱藏

預設isrouteralive肯定是true,在需要重新整理的時候把這個值設為false,接著再重新設為true:

his.

$nexttick

(function()

)

這種方法從畫面上是看不出破綻的。也可以搭配provide、inject使用。例如:

然後在需要重新整理的頁面引入依賴:inject: [『reload』],

在需要執行的地方直接呼叫方法即可:this.reload()。

後來發現,我的需求不通過重新整理頁面也可以解決,就是利用vue元件通訊,監聽事件發生,然後重新調一下獲取資料的介面就行。

也就是說:

1、給vue的原型上新增乙個bus屬性

main.js:vue.prototype.$bus = new vue()

2、home頁面進行修改個人資料操作時觸發事件,

home.vue: changeprofile ()

mounted()

)}

大家可以參考vue官方文件:$dispatch 和 $broadcast 替

js 重新整理當前頁面

本文為大家介紹三種js 重新整理當前頁面的方法 reload 方法用於重新整理當前文件。reload 方法類似於你瀏覽器上的重新整理頁面按鈕。location reload 更多關於reload 方法請參考文件 replace 方法可用乙個新文件取代當前文件。type button value 載入...

js 重新整理當前頁面

reload 方法用於重新整理當前文件。reload 方法類似於你瀏覽器上的重新整理頁面按鈕。window.location reload 更多關於reload 方法請參考文件 replace 方法可用乙個新文件取代當前文件。type button value 載入新文件替換當前頁面 onclick...

Vue 重新整理當前頁面

1.場景 在處理列表時,常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。2.遇到的問題 1.用vue router重新路由到當前頁面,頁面是不進行重新整理的 3.解決方法 provide inject 組合 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並...