Javascript

vue事件处理

本文主要是介绍vue事件处理，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.事件绑定(v-on)

​ Vue中也可以给页面元素绑定事件.

语法：

<!--完整写法-->
<button v-on:事件名="函数名/vue表达式">点我</button>
<!--简化写法-->
<button @事件名="函数名/vue表达式">点我</button>

2.事件修饰符

事件修饰符主要对事件的发生范围进行限定

语法：

<button @事件名.事件修饰符="函数名/vue表达式">点我</button>

分类:

.stop ：阻止事件冒泡, 也就是当前元素发生事件,但当前元素的父元素不发生该事件
.prevent ：阻止默认事件发生
.capture ：使用事件捕获模式, 主动获取子元素发生事件, 把获取到的事件当自己的事件执行
.self ：只有元素自身触发事件才执行。（冒泡或捕获的都不执行）
.once ：只执行一次

这篇关于vue事件处理的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航