Question

我的这条路线具有一个value参数

  routes.push({
    name: 'test',
    path: '/test/:value',
    component: resolve(__dirname, 'src/pages/test.vue'),
  });

我想更新路由，以使其实际发送value和test作为参数

  routes.push({
    name: 'test',
    path: '/test/:value',
    component: resolve(__dirname, 'src/pages/test.vue'),
    beforeEnter(to, from, next) {
      to.params.test = 'test';

      next({ params: to.params });
    },
  });

然后我可以在vue页面中捕获它

async fetch({ store, route }) {
  console.log(route.params.value);
  console.log(route.params.test);
},

我在上面创建的beforeEnter代码无法正常工作。新的test参数没有被发送。

有什么想法吗？

Answer 1

显然next将params对象作为参数

next(to.params)

有效，但我在文档中找不到

编辑Working example

您确定问题不在其他地方吗？尝试记录示例代码笔中的参数

Answer 2

尝试提供下一个路径/名称，如下所示：

Map

解决Vue中的路线之前如何发送新参数？

2 个答案: