javascript - vue 如何控制非布尔值属性的显示和隐藏

问题描述

问 题

官方的文档里没有提到该如何隐藏非布尔值属性。

现在有一个a元素，里面还包含了不少代码。我要根据请求到的值来控制是否显示href属性。如果用v-if的话，就显得很累赘，因为整个代码块还是比较大的。有什么比较好的方法吗？

之所以要隐藏href属性，是因为我希望这个a标签被点击了不做跳转。

解决方案

可以考虑不隐藏href属性、而是根据你的值决定是否把href=url改成href=javascript:void(0);

值改为javascript:void(0)就不会实现跳转了

这篇关于javascript - vue 如何控制非布尔值属性的显示和隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！