禁用基于布尔值的nuxt链接

vuejs2 Vue.js

老丝逆天

2020-03-27

我似乎找不到基于数据变量禁用nuxt链接的好方法。有人可以建议吗?我尝试过查看文档,但是我什么也没想。

说我有一个布尔值,disable我想做这样的事情

<nuxt-link :disabled="disable"></nuxt-link>

如果布尔值设置为false,我基本上只是不希望链接可点击

第3822篇《禁用基于布尔值的nuxt链接》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
阳光前端 2020.03.27

这是我最想做的另一种方式。是将标记更改为button并使用本机:disabled状态。

<nuxt-link tag="button" :disabled="disable" to="/some/location">Some location</nuxt-link>

然后只需在样式帮助下将按钮变成链接即可。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android