将 URL 查询添加到 Vue.js 路由器中的路径：分步指南

Question

这是在模板 Component.vue 中使用路由的方式：

<router-link :to="{ name: 'club' }">
  <lazy-image
    src="club.jpg"
    class="club_class"
    alt="Club alt"
  />
</router-link>

这就是它在 router.js 中的定义方式：

const routes = [
    {
        path: '/s/site',
        name: 'club',
        component: () => import('./_pages/Club'),
    },
];
export default routes;

我需要向链接添加一个静态参数，如下所示：

'?foo=bar'

我尝试在 Component.vue 中对其进行硬编码，但没有成功。我应该在 router.js 中将其定义为 param 还是其他地方？

Answer 1

使用此代码：

go