vue.js 解析为当前路由的子路由

lf5gs5x2  于 2023-03-03  发布在  Vue.js
关注(0)|答案(1)|浏览(190)

我有几条父路由,它们的子路由具有相同的路径,如下所示:

FeatureA (path: 'featureA', name: null)
    Grid (path: '', name: 'featureA-grid')
    New (path: 'new', name: 'featureA-new')
    ......

FeatureB (path: 'featureB', name: null)
    Grid (path: '', name: 'featureB-grid')
    New (path: 'new', name: 'featureB-new')

例如,考虑到我当前位于父路由/featureB,我需要href指向/featureB/new
我有一个共享组件,需要一个指向当前路由的new路径的超链接。如果没有像这样的硬编码,我怎么能做到这一点?

<a v-bind:href="$router.resolve('featureX/new').path"
lfapxunr

lfapxunr1#

由于文档中给出的原因,使用<router-link>标记优于使用<a>标记,此外,<router-link>还具有在导航时附加到当前路径的简单内置方法

<router-link :to="{ path: 'new' }" append>go to new</router-link>

这会将您从/featureX路由到/featureX/new

相关问题