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

图片描述

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

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

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

阅读 6k
2 个回答

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

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

点击a标签不做跳转的方法有很多,没必要隐藏href属性,href='#'或者设置该标签的css3属性(pointer-events:none)

推荐问题