????????原因：router-view使用了keep-alive組件，會被緩存，而vue-router的切換不用于傳統(tǒng)的頁面切換。是路由之間的切換，組件之間的切換，引用相同組件的時候，會被直接調(diào)用緩存里面的而不會調(diào)用created()，onMoun ted()函數(shù)。
? ? ? ? 如圖所示：要實現(xiàn)的功能是點擊每一個tabs欄下的更多按鈕，會跳轉(zhuǎn)到“消息中心”頁面，這是點擊不用的“更多”按鈕，跳轉(zhuǎn)的路由頁面是同一個，但是要求頁面里的消息類型下拉選擇框和列表數(shù)據(jù)要刷新，顯示不同的數(shù)據(jù)。
? ? ? ? 現(xiàn)在的問題是：頁面跳轉(zhuǎn)數(shù)據(jù)不刷新
? ? ? ? ?解決方案：
? ? ? ? 1.在路由掛載的App.vue中，template中加一個條件渲染，在script標簽中定義函數(shù)，并provide提供出去。
?
? ? ? ? ?2.在要跳轉(zhuǎn)路由的頁面中，注入inject該方法，并在跳轉(zhuǎn)的地方調(diào)用此方法。
????????（注意：注入的是函數(shù)方法，inject（）里面寫三個參數(shù)）
文章來源：http://www.zghlxwxcb.cn/news/detail-510691.html
?參考鏈接：vue跳轉(zhuǎn)相同路由不刷新問題_vue相同路由不刷新_藝術(shù)家巴巴六的博客-CSDN博客文章來源地址http://www.zghlxwxcb.cn/news/detail-510691.html
到了這里，關(guān)于解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
