v-on修饰符(大全)

停止冒泡 //父子关系
.stop - 调用event.stopPropagation()。
阻止默认行为

//例如点击提交/a标签默认跳转

.prevent - 调用event.preventDefault()。
没有表达式
@submit.prevent
串联修饰符

//vue中支持组合写法

@click.stop.prevent
使用事件捕获模式
.capture
键修饰符

.{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。

键别名
@keyup.enter=' '  //回车
键代码
@keyup.13 = ''
全部按键别名
别名按键
.enterEnter(回车)
.tabTab
.deletedelete(删除)/BackSpace(退格)
.escEsc(退出)
.spaceSpace(空格键)
.upUp(上箭头)
.downDown(下箭头)
.leftLeft(左箭头)
.rightRight(右箭头)
.metawindows中为window键,mac中为command键
组合按钮

//可以来实现仅在按下相应按键时才触发鼠标或键盘监听器

别名按键
.ctrlctrl
.altalt
.shiftshift

例如:

<!-- Alt + C -->
<input @keyup.alt.67="clear">

<!-- Ctrl + Click -->
<div @click.ctrl="do">Do</div>
对应按键数值
按键keyCode
0-948-57
a-z/A-Z65-90
F1-F24112-135
BackSpace(退格)8
Tab9
Enter(回车)13
Caps_Lock(大写锁定)20
Space(空格键)32
Left(左箭头)37
up(上箭头)38
Right(右箭头)39
Down(下箭头)40
监听组件根元素的原生事件
.native
只有原生自身触发事件才执行

//冒泡 活捕获的都不执行

.self
点击回调只触发一次
.once

如有缺漏,欢迎各位大佬补存,谢谢~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值