简谈a标签与添加点击事件

最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去

后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。

因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下

1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

2.如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

3.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,

从后台代码页加的话是加在LinkButton上，

LinkButton.Attributes["onclick"] = "xxx"

onclick是客户端事件，只能引起客户端事件。

vue中的a标签是超链接标签，通过a标签可以进行页面的跳转或者是描点跳转。

但是由于vue是单页面，在进行a标签进行跳转的时候，需要将a标签的src属性设置为空，禁止页面跳转，然后在a标签的点击事件里面通过vue-router路由进行页面之间的跳转。

另外一个a标签设置描点链接需要将a标签的src设置为#+描点名称，这样就达到了a标签的连接跳转。

---