vue3：可选择将 RouterLink 变成链接

Question

我检查了文档，但在打开 vue 功能请求之前，我想确定它是否已经实现。

我希望“我的链接文本”可以选择成为链接，而不必复制链接标记的内容。我目前正在做这个：

<RouterLink v-if="hasLink" :to="/my_destination">
  My link text
</RouterLink>
<div v-else>
  My link text
</div>

我想要这样的东西

<RouterLink disabled="!hasLink" :to="/my_destination">
  My link text
</RouterLink>

Answer 1

<RouterLink>

默认情况下将呈现为锚标记，它没有

disable

属性（请参阅 相关 Stackoverflow 页面 和 MDN 文档）。如果您想实现这一目标，我建议使用类绑定来实现此目的。

---

模板代码：

<RouterLink :class="{ disabled: isDisabled }" :to="/my_destination">
  My link text
</RouterLink>