vue的事件修饰符之.prevent

今天总结了vue事件修饰符的.prevent修饰符。

.prevent的作用是用来阻止浏览器的默认事件的。

浏览器的事件包括以下三种:

1.超链接的自动跳转：

比如下方这个超链接，你点击了就会到百度页面。

百度一下，你就知道

2.form标签中的submit按钮点击导致的页面刷新。

3.网页中右键单机，会弹出一个菜单（你可以试一试）

这里举一个使用例子方便理解：

写一个不自动跳转的超链接，代码如下：

html语句：

<a href='https://www.baidu.com/' @click.prevent='click1()'>可能跳转到百度</a>

js语句：

click1(){
	alert('没想到吧！')
},

 这样，就不会跳转的百度了，阻止了浏览器的默认行为。

希望对你有所帮助^_^