vue項目使用$router.go(-1)返回時刷新原來的界面操作
在項目需求中，我們常常需要使用$router.go(-1)返回之前的頁面，但是卻發(fā)現(xiàn)，之前的界面，保持著上次跳轉(zhuǎn)的狀態(tài)，比如說：彈框未關(guān)閉之類的等等，。。。。。
問題如下：
界面1 ：
界面2使用$router.go(-1)返回上一次的界面
由于使用$router.go(-1)返回，導(dǎo)致之前的數(shù)據(jù)都保留，并未刷新原來的界面，如下：還是顯示跳轉(zhuǎn)前的彈框
解決方法1：
不要使用$router.go(-1)，而是使用$router.push('某某某'),但是其實(shí)這種方法是不合理的，因?yàn)槟憧赡芴D(zhuǎn)的頁面是很多頁面都可能跳轉(zhuǎn)的，所以如果直接使用$router.push('某某某'),雖然可以解決當(dāng)前跳轉(zhuǎn)不刷新的問題，但是會導(dǎo)致點(diǎn)擊其他頁面跳轉(zhuǎn)到頁面2，點(diǎn)擊使用$router.push('某某某'),所謂的返回按鈕，是永遠(yuǎn)跳轉(zhuǎn)到界面1，不符合現(xiàn)實(shí)需求，所以，不推薦使用該方法
解決方法2：
在界面1的watch中，對router進(jìn)行監(jiān)控，當(dāng)router發(fā)生變化時，初始化界面；
根據(jù)本項目進(jìn)行案例演示：
代碼如下：
界面一彈出框，使用的是使用pop來控制，顯示的時候是pop = true,不顯示的是pop = false
之所以使用$router.go(-1)時彈框未關(guān)閉是因?yàn)閜op還是true,所以使用如下方法解決，當(dāng)router變化的時候初始化數(shù)據(jù)pop
綜上所述：
解決方法：
watch: { '$route' () { // 此處寫router變化時，想要初始化或者是執(zhí)行的方法...... } },
以上這篇vue項目使用$router.go(-1)返回時刷新原來的界面操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)
這篇文章主要介紹了詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了vue分頁插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
小編給大家整理Vue底層實(shí)現(xiàn)原理的知識點(diǎn)總結(jié)，如果大家對此有需要，可以學(xué)習(xí)參考下，希望我們整理的內(nèi)容能夠幫助到你。2018-02-02
詳解基于iview-ui的導(dǎo)航欄路徑（面包屑）配置
這篇文章主要介紹了詳解基于iview-ui的導(dǎo)航欄路徑（面包屑）配置,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
vue.nextTick()與setTimeout的區(qū)別及說明
這篇文章主要介紹了vue.nextTick()與setTimeout的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue之vue.$set()方法源碼案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
vue實(shí)現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并
今天小編就為大家分享一篇vue實(shí)現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue 使用 echarts 繪制中國地圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue 使用 echarts 繪制中國地圖,內(nèi)容包括插入echarts所需模塊及完整的代碼，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
vue使用keep-alive如何實(shí)現(xiàn)多頁簽并支持強(qiáng)制刷新
這篇文章主要介紹了vue使用keep-alive如何實(shí)現(xiàn)多頁簽并支持強(qiáng)制刷新，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue進(jìn)入頁面時不在頂部,檢測滾動返回頂部按鈕問題及解決方法
這篇文章主要介紹了vue進(jìn)入頁面時不在頂部，檢測滾動返回頂部按鈕問題及解決方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10