小编The*_*rch的帖子

Vue Router - 如何在路由之间传递查询参数

我有以下场景...

当用户访问该路线时/intended/page,他们会被重定向到另一条路线,例如/foo/page?next=/intended/page。我添加一个查询参数next=/intended/page来保留原始路线。从重定向路线,用户浏览一系列其他页面/组件,然后说/bar/page/baz/page最后我想将它们带到原始路线。问题是如何通过 bar 和 baz 路线。我想我可以将查询参数存储在 Vuex 中,但也许使用 vue router 有一种更简单的方法。我尝试在全局警卫中这样做

router.beforeEach((to, from, next) => {
    if (from.query.next) next({path: to.path, query: {next: from.query.next}});
    else next();
});
Run Code Online (Sandbox Code Playgroud)

但我最终陷入了无限循环。有任何想法吗?

vue.js vue-router

5
推荐指数
1
解决办法
2150
查看次数

标签 统计

vue-router ×1

vue.js ×1