vue中a链接的href写法

一般常用两种方式

1.其提供的路由元素

2.JS中跳转

3、强制写法

注意点：href前面要加“：”或者v-bind:

2.字符串要用单引号“ ’ ”包住

加上了冒号是为了动态绑定数据，等号后面可以写变量。

如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了

4、我的一种纯手工写法，比较笨呵

示范网址： http://www.z01.com/rpa

用了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

}

---