Vue修饰符

250 阅读1分钟

Vue中的事件修饰符

  • prevent:阻止默认事件(常用)
  • native:声明原生事件(常用)
  • stop:阻止事件冒泡(常用)
  • once:事件只触发一次(常用)
  • capture:使用事件的捕获模式
  • self:只有event.target是当前操作的元素时才触发事件
  • passive:事件的默认行为立即执行,无需等待事件回调执行完毕
    • scroll 滚动条滚动事件
      • 触发事件后优先滚动,再执行函数
    • wheel 鼠标滚轮滚动事件
      • 触发事件后优先执行函数,再滚动

Vue中的键盘修饰符

  • keyup事件是键盘弹起触发
  • keydown事件是键盘按下触发
  • 回车 => enter
  • 删除 => delete (捕获“删除”和“退格”键)
  • 退出 => esc
  • 空格 => space
  • 换行 => tab (特殊,必须配合keydown去使用)
  • 上 => up
  • 下 => down
  • 左 => left
  • 右 => right
  • 系统修饰键(用法特殊):ctrl、alt、shift、meta
    • 配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。
    • 配合keydown使用:正常触发事件。