A列表tab页面 --跳转--> B详情页面
B详情页面 --返回--> A 列表tab页面

A页面

data() {
    return {
        tab: 1,
    }
},

mounted() {
    this.tab = this.$route.query.tab || this.tab
},

methods: {
    toDetail(){
        this.$router.push({
            path: '/detail',
            query: {
                id: 1,
                tab: 1,
            }
          })
    },
}

B页面

// 关键代码,通过路由监听,离开页面的时候,添加query参数
beforeRouteLeave (to, from, next) {
    to.query.tab = this.$route.query.tab;
    next();
},

methods: {
    goBack() {
        this.$router.go(-1)
    }
}

MRZYD
145 声望10 粉丝

一个初学的小菜鸟,望各位大佬多多指教