【问题标题】:Vue 3 / Vue Router 4 router-link won't use full link from propVue 3 / Vue Router 4 router-link 不会使用 prop 的完整链接
【发布时间】:2021-10-16 06:09:06
【问题描述】:

我有一个应该通过“careers/whatever-entry-here”的道具,我正在尝试使用 router-link 来设置它。

<router-link v-if="!buttonLink" :to="buttonEntry" exact class="bunch-of-classes-here">
     Click Here
</router-link>

我希望链接呈现为“http://localhost:3000/careers/whatever-entry-here” - 但我得到的是“http://localhost:3000/whatever-entry-here”。

我到处寻找,但似乎无法将文件夹传递给 URI。

当我在模板中的其他位置输出 {{ buttonEntry }} 时,它会输出“careers/whatever-entry-here”

有什么建议吗?

【问题讨论】:

    标签: vue.js vue-router vuejs3


    【解决方案1】:

    啊。在 URI 前需要一个“/”,API 没有返回。

    改代码解决:

    <router-link v-if="!buttonLink" :to="`/`+buttonEntry" exact class="bunch-of-classes-here">
         Click Here
    </router-link>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-11-10
      • 2019-01-14
      • 1970-01-01
      • 2021-07-25
      • 1970-01-01
      • 2020-02-09
      • 2020-04-05
      • 2018-11-16
      相关资源
      最近更新 更多