vue項(xiàng)目使用$router.go(-1)返回時(shí)刷新原來(lái)的界面操作
在項(xiàng)目需求中，我們常常需要使用$router.go(-1)返回之前的頁(yè)面，但是卻發(fā)現(xiàn)，之前的界面，保持著上次跳轉(zhuǎn)的狀態(tài)，比如說(shuō)：彈框未關(guān)閉之類的等等，。。。。。
問(wèn)題如下：
界面1 ：
界面2使用$router.go(-1)返回上一次的界面
由于使用$router.go(-1)返回，導(dǎo)致之前的數(shù)據(jù)都保留，并未刷新原來(lái)的界面，如下：還是顯示跳轉(zhuǎn)前的彈框
解決方法1：
不要使用$router.go(-1)，而是使用$router.push('某某某'),但是其實(shí)這種方法是不合理的，因?yàn)槟憧赡芴D(zhuǎn)的頁(yè)面是很多頁(yè)面都可能跳轉(zhuǎn)的，所以如果直接使用$router.push('某某某'),雖然可以解決當(dāng)前跳轉(zhuǎn)不刷新的問(wèn)題，但是會(huì)導(dǎo)致點(diǎn)擊其他頁(yè)面跳轉(zhuǎn)到頁(yè)面2，點(diǎn)擊使用$router.push('某某某'),所謂的返回按鈕，是永遠(yuǎn)跳轉(zhuǎn)到界面1，不符合現(xiàn)實(shí)需求，所以，不推薦使用該方法
解決方法2：
在界面1的watch中，對(duì)router進(jìn)行監(jiān)控，當(dāng)router發(fā)生變化時(shí)，初始化界面；
根據(jù)本項(xiàng)目進(jìn)行案例演示：
代碼如下：
界面一彈出框，使用的是使用pop來(lái)控制，顯示的時(shí)候是pop = true,不顯示的是pop = false
之所以使用$router.go(-1)時(shí)彈框未關(guān)閉是因?yàn)閜op還是true,所以使用如下方法解決，當(dāng)router變化的時(shí)候初始化數(shù)據(jù)pop
綜上所述：
解決方法：
watch: { '$route' () { // 此處寫(xiě)router變化時(shí)，想要初始化或者是執(zhí)行的方法...... } },
以上這篇vue項(xiàng)目使用$router.go(-1)返回時(shí)刷新原來(lái)的界面操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue使用Canvas繪制圖片、矩形、線條、文字，下載圖片的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
ArcGis?API?for?js在vue.js中的使用示例詳解
這篇文章主要為大家介紹了ArcGis?API?for?js在vue.js中的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
如何使用 vue-cli 創(chuàng)建模板項(xiàng)目
這篇文章主要介紹了如何使用 vue-cli 創(chuàng)建模板項(xiàng)目，幫助大家更好的理解和學(xué)習(xí)vue框架的知識(shí)，感興趣的朋友可以了解下2020-11-11
這篇文章主要為大家詳細(xì)介紹了vue+mock.js實(shí)現(xiàn)前后端分離，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
項(xiàng)目開(kāi)發(fā)中需要做一個(gè)輪詢,所以將實(shí)現(xiàn)的過(guò)程記錄了一下,下面這篇文章主要給大家介紹了關(guān)于vue輪詢解決方案的相關(guān)資料,需要的朋友可以參考下2021-07-07
vue3原始值響應(yīng)方案及響應(yīng)丟失問(wèn)題解讀
這篇文章主要介紹了vue3原始值響應(yīng)方案及響應(yīng)丟失問(wèn)題解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
element-ui中樣式覆蓋問(wèn)題的方法總結(jié)
我們?cè)谑褂胑lement-ui的時(shí)候經(jīng)常會(huì)遇到需要修改組件默認(rèn)樣式,下面這篇文章主要給大家介紹了關(guān)于element-ui中樣式覆蓋問(wèn)題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
vue在IIS服務(wù)器部署后路由無(wú)法跳轉(zhuǎn)
在IIS服務(wù)器上部署Vue項(xiàng)目時(shí),可能會(huì)遇到路由無(wú)法正常跳轉(zhuǎn)的問(wèn)題,解決方法有兩種,下面就來(lái)具體介紹一下解決方法,感興趣的可以了解一下2024-10-10
Vue實(shí)現(xiàn)移動(dòng)端左右滑動(dòng)效果的方法
最近得到一個(gè)新需求，需要在Vue項(xiàng)目的移動(dòng)端頁(yè)面上加上左右滑動(dòng)效果，經(jīng)過(guò)一番折騰，最終決定四月vue-touch。下面小編把實(shí)現(xiàn)代碼分享給大家，感興趣的朋友一起看看吧2018-11-11
vue中實(shí)時(shí)監(jiān)聽(tīng)div元素盒子的寬高方法
這篇文章主要給大家介紹了關(guān)于vue中如何實(shí)時(shí)監(jiān)聽(tīng)div元素盒子的寬高的相關(guān)資料,在Vue中你可以使用Vue的計(jì)算屬性和偵聽(tīng)器來(lái)動(dòng)態(tài)監(jiān)測(cè)元素的高度,文中給出了簡(jiǎn)單代碼示例,需要的朋友可以參考下2023-09-09