vue單頁面實現當前頁面重新整理或跳轉時提示儲存

2021-10-03 00:17:13 字數 514 閱讀 4355

5月16號更新:

我在vuerouter官網發現了更加優雅的解決方法!

不過沒測試過,但是畢竟是官方給的,

官方具體位址

經過上面的文章的學習.

因為我做的是部落格,但是新增部落格頁面一重新整理使用者原來填寫的資料就沒了,因此就需要乙個在使用者在新增部落格這個頁面重新整理時要提示使用者的需求

用以下**即可

在你想提示的頁面中的mounted中這麼寫,

mounted() 

// chrome, safari, firefox 4+, opera 12+ , ie 9+

return '哈哈哈哈哈哈哈哈哈';}}

同時,我又不想別的頁面也會有提示,因此在想提示的頁面中的destroyed中這麼寫

destroyed()

Vue 重新整理當前頁面

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

實現VUE路由當前頁面重新整理

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

vue專案重新整理當前頁面

有時候我們在vue專案頁面做了一些操作,需要重新整理一下頁面。this.router.go 0 這種方法雖然 很少,只有一行,但是體驗很差。頁面會一瞬間的白屏,體驗不是很好 用vue router重新路由到當前頁面,頁面是不進行重新整理的。location.reload 這種也是一樣,畫面一閃,體驗...