將 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