修饰符

事件修饰符

stop------防止冒泡

prevent----阻止默认事件–如a[href=’#’],button[type=‘submit’]这种标签在冒泡结束后会开始执行默认事件,不会因为stop阻止事件传递而停止

passive----不阻止默认事件—每次事件发生,浏览器都会去查询一下是否有preventDefault阻止该次事件的默认动作,我们加上passive就是为了告诉浏览器,不用查询了,没有使用preventDefault阻止默认动作

capture-----添加事件监听器时使用事件捕获模式

self—只当事件在该元素本身(比如不是子元素)触发时触发回调函数

once—事件值触发一次

修饰符可以串联-----顺序很重要:响应的代码会以同样的顺序产生,因此,用v-on:click.prevent.self会阻止所有的点击,而v-on:click.selfprevent只会阻止对元素自身的点击

表单修饰符

**.lazy—**默认情况下v-model在每次input事件触发后将输入框的值与数据进行同步,可以添加lazy修饰符,从而转为change事件之后进行同步

**.number—**如果像自动将用户输入的值转为数值类型,可以给v-model添加number修饰符

**.trim—**如果要自动过滤用户输入的首尾空白字符,可以给v-model添加trim修饰符

鼠标按键修饰符

left,right,mindle,限制处理函数仅响应特定的鼠标按钮

按键修饰符

enter,tab。delete,esc,space,up,down,left,right

有一些按键(esc以及所有的方向键)在IE9中有不同的key值,如果你想支持IE9,这些内置的别名应该是首选

为了有必要的情况下支持旧浏览器,Vue提供了绝大数常用的按键码的别名

keyCode < input v-on:keyup.13=‘submit’ > 利用键码

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值