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

Question

官方的文档里没有提到该如何隐藏非布尔值属性。现在有一个a元素，里面还包含了不少代码。我要根据请求到的值来控制是否显示href属性。如果用v-if的话，就显得很累赘，因为整个代码块还是比较大的。有什么比较好的方法吗？之所以要隐藏href属性，是因为我希望这个a标签被点击了不做跳转。

Answer 1

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

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