Appearance
vue事件修饰符
| 修饰符 | 描述 |
|---|---|
| stop | 阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件 |
| prevent | 阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交 |
| self | 只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号 |
| capture | 改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式 |
| once | 将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行 |
| passive | 滚动事件的默认行为 (即滚动行为) 将会立即触发，而不会等待 onScroll 完成。这个 .passive 修饰符尤其能够提升移动端的性能。 |
| native | 监听组件根元素的原生事件 |
{keyCode , keyAlias} | 只当事件是从特定键触发时才触发回调。<input @keyup.enter="onEnter"> |