如何禁用vuejs路由器链路？

How to disable a vuejs router-link?(如何禁用vuejs路由器链路？)

问题描述

我有一个使用VUE创建的单页面应用程序，并且导航链接都是使用router-link标记完成的。我的老板希望在导航中包含几个项目，但将其禁用，这样人们就可以一窥即将到来的一些功能。但是，我想不出如何完全禁用路由器链路！

preventDefault什么都不做，@click.native.prevent="stopClick()"什么也不做(我尝试将其发送到一个函数以查看这是否会阻止单击，但它只是调用该函数并进行路由，尽管存在阻止)，添加disabled类并设置pointer-events: none;的css规则什么也不做。我不确定还可以尝试什么，唯一的办法是使禁用的链接成为普通文本而不是路由器链接吗？

推荐答案

目前仍没有本机解决方案。但在VUE路由器Repo上有一个开放的PR：https://github.com/vuejs/vue-router/pull/2098。

解决方法是使用：

<router-link 
  :disabled="!whateverActivatesThisLink" 
  :event="whateverActivatesThisLink ? 'click' : ''"
  to="/link"
>
  /link
</router-link>

这篇关于如何禁用vuejs路由器链路？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！