今天总结了vue事件修饰符的.prevent修饰符。
.prevent的作用是用来阻止浏览器的默认事件的。
浏览器的事件包括以下三种:
1.超链接的自动跳转:
比如下方这个超链接,你点击了就会到百度页面。
2.form标签中的submit按钮点击导致的页面刷新。
3.网页中右键单机,会弹出一个菜单(你可以试一试)
这里举一个使用例子方便理解:
写一个不自动跳转的超链接,代码如下:
html语句:
<a href='https://www.baidu.com/' @click.prevent='click1()'>可能跳转到百度</a>
js语句:
click1(){
alert('没想到吧!')
},
这样,就不会跳转的百度了,阻止了浏览器的默认行为。
希望对你有所帮助^_^