Vue事件修饰符的使用
事件处理
如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event
,把它传入到methods
中的方法中。
在Vue中事件修饰符主要有:
.stop
:等同于JavaScript中的event.stopPropagation()
,防止事件冒泡.prevent
:等同于JavaScript中的event.preventDefault()
,取消默认事件.capture
:与事件冒泡的方向相反,事件捕获由外到内.self
:只会触发自己范围内的事件,不包含子元素.once
:只会触发一次-
.
native:监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。