Vue 3 / Vue Router 4 router-link 不会使用 prop 的完整链接答案

【问题标题】：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>

【讨论】：