首頁 > web前端 > Vue.js > vue介面刷新不顯示怎麼辦

vue介面刷新不顯示怎麼辦

藏色散人
發布: 2023-01-13 00:44:44
原創
4814 人瀏覽過

vue介面刷新不顯示的解決方案:先開啟對應的程式碼檔案;然後在vue中使用「this.$router.go(0)」和「location.reload()」;最後利用控制“”的顯示隱藏來實現整個頁面刷新即可。

vue介面刷新不顯示怎麼辦

本教學操作環境:Windows7系統、vue2.9版,Dell G3電腦。

推薦:《vue教學

vue頁面重新整理不出現空白頁面

有時在設計實作過程中,我們需要刷新整個頁面,但是一般的刷新會出現空白頁面,導致頁面很難看,在vue中,我們使用

this.$router.go(0) 和 location.reload()
登入後複製

它們會使頁面出現空白,最後找到了一個方法,可以實現刷新頁面功能,且使頁面不出現空白,程式碼如下:

this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})
登入後複製

利用控制的顯示隱藏來實現整個頁面刷新

更多程式相關知識,請造訪: 程式教學! !

以上是vue介面刷新不顯示怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板