vue指令v-on事件对象和两种修饰符.

163 阅读1分钟

v-on事件对象

  • 语法
    • 没有传参,通过形参直接接收
    • 传参,通过$event指代事件对象传给事件处理函数.

image.png v-on事件修饰符

  • 语法
    • <标签 @事件名.修饰符="methods"/>
    • .stop-阻止事件冒泡.
    • .prevent-阻止默认行为
    • .once -程序运行期间只触发一次处理函数

image.png

v-on案件修饰符

  • 作用
    • @keyup.enter - 监听回车按键
    • @keyup.esc - 监听返回按键
    更多修饰符

image.png