解決vue項目跳轉(zhuǎn)同樣的頁面不刷新的問題思路詳解
更新時間：2023年09月05日 11:36:27 作者：前端菜鳥好先森
做公司官網(wǎng)項目的時候遇到的場景,頂部導航欄分類商品跳轉(zhuǎn)到分類詳情,然后在分類詳情再次點擊頂部導航欄里另外的分類商品,跳到同樣的頁面數(shù)據(jù)不刷新,下面小編給大家分享解決方式,關(guān)于vue跳轉(zhuǎn)不刷新問題感興趣的朋友一起看看吧
做公司官網(wǎng)項目的時候遇到的場景，頂部導航欄分類商品跳轉(zhuǎn)到分類詳情，然后在分類詳情再次點擊頂部導航欄里另外的分類商品，跳到同樣的頁面數(shù)據(jù)不刷新
解決方式：
第一種：給router-view添加唯一key
也可以用return this.$route.path + Math.random();隨機數(shù)
這樣根據(jù)key值可實現(xiàn)重復跳轉(zhuǎn)一個路由實現(xiàn)路由刷新的效果。
第二種：
在watch中監(jiān)聽路由變化
對router進行監(jiān)控，當router發(fā)生變化時，執(zhí)行初始化界面方法
總結(jié)：我思路有兩種，一種是每個路由的參數(shù)都不一致（隨機），第二種 每次跳到這個頁面的時候監(jiān)聽路由的變化
到此這篇關(guān)于解決vue項目跳轉(zhuǎn)同樣的頁面不刷新的問題的文章就介紹到這了,更多相關(guān)vue跳轉(zhuǎn)不刷新內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
Vue + Elementui實現(xiàn)多標簽頁共存的方法
這篇文章主要介紹了Vue + Elementui實現(xiàn)多標簽頁共存的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
Vue嵌套iframe時$router.go(-1)后退bug的原因解析
這篇文章主要介紹了Vue嵌套iframe,$router.go(-1)后退bug的問題原因及解決方法,本文給大家分享問題原因所在及解決方案,需要的朋友可以參考下吧2023-09-09
keep-alive是vue中的內(nèi)置組件,能在組件切換過程中將狀態(tài)保留在內(nèi)存中,防止重復渲染DOM,這篇文章主要介紹了Vue中Keep-Alive緩存組件使用語法及原理,需要的朋友可以參考下2024-07-07
vant-ui AddressEdit地址編輯和van-area的用法說明
這篇文章主要介紹了vant-ui AddressEdit地址編輯和van-area的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
淺談Vuex@2.3.0 中的 state 支持函數(shù)申明
這篇文章主要介紹了淺談Vuex@2.3.0 中的 state 支持函數(shù)申明，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
作為一個前端開發(fā)者,我們要學會自己編寫一些開發(fā)工具模塊,也可以自己編寫一些組件,甚至可以通過自己的能力編寫一個框架出來,這都需要我們能夠靈活的管理我們的包,下面這篇文章主要給大家介紹了關(guān)于如何通過一文教會你在npm上傳自己的包的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了詳解vue-cli腳手架中webpack配置方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了mpvue中使用flyjs全局攔截的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Vue Getters和mapGetters的原理及使用示例詳解
Vuex的核心概念包括state、mutations、actions、getters和modules,今天,我們要深入探討其中一個關(guān)鍵部分：getters,以及它的相關(guān)輔助函數(shù)mapGetters,感興趣的朋友跟隨小編一起看看吧2024-08-08
單元測試是軟件開發(fā)非?；A的一部分。單元測試會封閉執(zhí)行最小化單元的代碼，使得添加新功能和追蹤問題更容易。Vue 的單文件組件使得為組件撰寫隔離的單元測試這件事更加直接。它會讓你更有信心地開發(fā)新特性而不破壞現(xiàn)有的實現(xiàn)，并幫助其他開發(fā)者理解你的組件的作用。2021-06-06