我的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
对象。不过,我似乎找不到任何文档。