1. 程式人生 > >vue router如何一次向路由棧中push進多個頁面路由

vue router如何一次向路由棧中push進多個頁面路由

在實際開發過程中,有時候會遇到這種需求:

從一個頁面跳轉到另一個頁面,返回時先返回到中間的頁面,再返回到最初的頁面,比如

當前在首頁,有新訊息時跳轉到了聊天室頁面,聊天室頁面返回時應先返回到聊天列表頁而不是直接返回到首頁,那麼只能從路由棧入手了,但是查了一圈vue router並沒有這種直接操作路由棧的方法,但是push有回撥方法,那麼就可以這麼做:

                this.$router.push({
                    name: 'chatList'
                }, () => {
                    this.$router.push({name: 'chatRoom'})
                })

在回撥函式中繼續push,多個頁面以此類推,而且親測在push過程中頁面會直接跳轉到最後一頁,不會有卡頓存在,機智如我,嘿嘿