Vue事件修饰符的使用

事件处理

     如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event,把它传入到methods中的方法中。

  在Vue中事件修饰符主要有:

  • .stop:等同于JavaScript中的event.stopPropagation(),防止事件冒泡
  • .prevent:等同于JavaScript中的event.preventDefault(),取消默认事件
  • .capture:与事件冒泡的方向相反,事件捕获由外到内
  • .self:只会触发自己范围内的事件,不包含子元素
  • .once:只会触发一次
  • .native监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。

posted @ 2021-11-04 09:36  aquackw  阅读(144)  评论(0)    收藏  举报