Vue 路由守衛解決頁面退出和彈窗的顯示沖突

在使用UI框架提供的彈出層Popup時，如Vant UI的popup，在彈出層顯示時，點擊物理按鍵或者小程序自帶的返回時，會直接退出頁面，這明顯不符合頁面邏輯。

解決思路：

在彈出層顯示時，點擊了返回要退出頁面前，判斷彈出層是否處於顯示狀態，若處於顯示狀態，便只關閉彈出層，而不退出頁面

解決方法：

//頁面離開前做的事情，而這個時候，路由已經發生變化，改變成了即將跳轉的頁面的路由
beforeRouteLeave(to, from, next){
    if (this.popVisible){ //判斷彈出層是否顯示
                //將路由前進一步，在路由歷史中，前進一步則是當前頁面
        this.$router.go(1)
        this.popVisible = false //關閉彈出層
                //退出方法，已經將路由更改為當前頁面，當彈出層關閉時，頁面 
                 仍處於彈出層顯示前的狀態
        return 
    }
        //當彈出層處於隱藏狀態時，點擊返回則直接跳轉頁面，不做任何操作
    next()
},