我們在動態(tài)切換組件的過程中,導航欄和底欄不動,動態(tài)切換中間區(qū)域的情況,在首頁可以進行跳轉(zhuǎn)任意組件,在組件與組件之間不能相互跳轉(zhuǎn),路由發(fā)生了變化,但是頁面未改變,這時我們就需要強制刷新頁面。
強制刷新頁面的方式有三種:
①location.reload()?
②this.$router.go(0)
? ? 前面兩種方法都有些簡單粗暴,主要說一下第三種方法
③provide 配合 inject
首先我們需要在App.vue中修改
?通過定義reload方法,控制router-view的顯隱(生成和銷毀)
?然后在需要刷新頁面的組件中注入依賴,注入時inject后面是上面的方法名稱
最后直接調(diào)用reload方法就能實現(xiàn)頁面的刷新文章來源:http://www.zghlxwxcb.cn/news/detail-610066.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-610066.html
到了這里,關于Vue項目中強制刷新頁面的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!