主页 / 问题 / 1029836
Accepted
Алексей
Asked:2020-10-01 13:57:05 +0000 UTC2020-10-01 13:57:05 +0000 UTC

在vue中的路由之间传递查询

  • 772

是否有可能以某种方式在路由之间传输查询字符串，即 在 ? 之后的 url 中的所有内容。例如，假设你第一次进入应用程序时有一个路由/route1?q=true，如果有q，我将它保存在商店中。现在我希望路线发生任何变化，我会留下 q （已经设置了其他参数的路线）。现在我是这样实现的，我在 App.vue 中注册了它

created() {
    this.$router.beforeEach((to, from, next) => {
    this.SET_LOADED(true);
        setTimeout(() => {
            const routeTo = {
                name: to.name,
                params: to.params,
                meta: to.meta,
                query: {
                    ...to.query,
                    debug: this.debug ? true : null,
                },
            }
            next(routeTo)
        }, 500);
    });
},

但正如预期的那样，它不起作用，会发生无休止的重定向（尽管我不明白为什么）。是否有可能以某种方式在整个项目的一个地方实现这一点，而不是为每个链接添加额外的参数

vue.js

1 个回答

  1. Best Answer

    在这里，直接query转移- 我没有成功。但是，如果您使用地址栏，那么一切皆有可能

    router.beforeEach((to, from, next) => {
  const search = location.search
  if (search){
    router.app.$nextTick(()=>{
      history.replaceState(null, '', to.path + search)
    })
  }
  next()
})
    • 1

相关问题