在实际开发过程中,有时候会遇到这种需求:

从一个页面跳转到另一个页面,返回时先返回到中间的页面,再返回到最初的页面,比如

当前在首页,有新消息时跳转到了聊天室页面,聊天室页面返回时应先返回到聊天列表页而不是直接返回到首页,那么只能从路由栈入手了,但是查了一圈vue router并没有这种直接操作路由栈的方法,但是push有回调方法,那么就可以这么做:

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

在回调函数中继续push,多个页面以此类推,而且亲测在push过程中页面会直接跳转到最后一页,不会有卡顿存在,机智如我,嘿嘿

Logo

前往低代码交流专区

更多推荐