vue.js - <a>标签的href怎样写，才能避免路由跳转？

问题描述

问 题

1.问题

用了vue和vue-router,想在点击<a>标签后执行@click绑定的动作，href怎么写？

现在写成这样:

<a @click="doSth" href="#"}">点我</a>

结果页面会按#进行路由转发，这不是预想的：执行doSth函数。实际上能观察到，先是执行了doSth，然后才跳转的。

2.已有尝试

1. 不写href=#
   这样的缺点时，鼠标在<a>标签上面时不显示手的样式（pc端浏览器上）

2. 写href="javascript:return 0"
   感觉这样写太麻烦，因为有很多<a>标签都要处理

3.解决方法

去掉href="#",然后添加css样式：

a:hover{
  cursor:pointer
}

解决方案

你的两种方法中，感觉方法1是不错的，通过css给a标签添加一下样式就好了

a {
cursor:pointor;
}

这篇关于vue.js - <a>标签的href怎样写，才能避免路由跳转？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！