Vue路由器链接如何获取其参数?

时间:2018-06-28 13:36:39

标签: vue.js vuejs2 vue-router

我的vue路由器配置具有如下路由:

{
    path: '/:language/:url/filter/',
    name: 'search-filter',
    component: SearchFilter,
    meta: { removeScroll: true }
}
{
    path: '/:language/:url/map/',
    name: 'search-map',
    component: SearchMap,
    meta: { removeScroll: true }
}

每当我将router-link放入该组件时,就像这样:

<router-link :to="{ name: 'search-map' }">
    <svg-inline name="beacon-circle"></svg-inline>
    {{ trans.hotel.show_map }}
</router-link>

它将生成一条完整的路由到search-map的命名路由。现在,我还没有手动将参数传递给<router-link>。似乎从当前组件中获取了路由参数,以为命名的路由URL生成路由参数。

我无法在Vue.js文档中找到有关此操作是自动完成这一事实的任何信息。

如果我使用Vue devtools检查router-link组件,则它确实有一个props对象,其中包含一个保存参数的to对象。不过,我似乎找不到任何文档。

0 个答案:

没有答案