<a>标签的href怎样写，才能避免路由跳转

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

现在写成这样:

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

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

2.已有尝试

不写href=“#”

这样的缺点时，鼠标在<a>标签上面时不显示“手”的样式（pc端浏览器上）

写href="javascript:return 0"

感觉这样写太麻烦，因为有很多<a>标签都要处理

3.解决方法

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

a:hover{

cursor:pointer

}

是有 iframe 吗  iframe起名字   a链接target 等于iframe名字

<a href="./face/demo.html" target='obj'>链接</a>

<br>

<iframe src="./face/index.html" name="obj" frameborder="0"></iframe>

请点击输入图片描述

---