如何将 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;

我需要像这样向 link 添加一个静态参数：

'?foo=bar'

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

Answer 1

使用此代码：

<router-link :to="{name: 'club', query: {param1: 'value1', param2: 'value2'}}">go</router-link>

如何将 url 查询添加到 Vue.js 路由器中的路径？

How to add url query to a path in Vue.js router?

vue.js

vue-router