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

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

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

1.超链接的自动跳转:

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

百度一下,你就知道

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

3.网页中右键单机,会弹出一个菜单(你可以试一试)

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

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

html语句:

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

js语句:

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

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

希望对你有所帮助^_^

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐