javascript - 如何禁用 vuejs 路由器链接？

Question

我有一个使用 vue 创建的单页应用程序，导航链接都是使用 router-link 完成的。标签。导航中有几项我的老板希望在导航中具有但已禁用，以便人们可以瞥见即将推出的一些功能。但是我不知道如何完全禁用路由器链接!
preventDefault什么都不做，@click.native.prevent="stopClick()"什么都不做(我尝试将它发送到一个函数以查看是否会阻止点击，但它只是调用函数和路由，尽管有阻止)，添加一个 disabled类并设置 pointer-events: none; 的 css 规则什么也没做。我不确定还有什么可以尝试的，这是使禁用链接成为正常文本而不是路由器链接的唯一方法吗？

Answer 1

您可以使用

<router-link 
  :is="isDisabled ? 'span' : 'router-link'"
  to="/link"
>
  /link
</router-link>