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)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题