vue事件修饰符

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

从vue中看,事件处理函数内部应该更多的聚焦业务功能的实现上,而不是这些琐碎的时间对象处理

所以vue提供了很多事件修饰符

keyup键盘事件
`<input @keyup.enter="submit">//keyup事件触发后,判断是回车键时执行submit
<input @keyup.page-down="next">//keyup事件触发后,判断是Pgon时执行next
.native原生事件
<input @keyup=""/>//keyup为原生DOM事件,按键抬起事件发生
<el-input @keyup=""/>//这个elementUI的组件标签会被`vue`认定为`自定义标签`中的`自定义事件`
  • 那么,在为自定义组件绑定原生事件时,一般都会加一个.native修饰符来告诉vue:这是一个原生事件 ,而不是组件的自定义事件

  • 像在elementUI组件标签等一类的自定义标签中使用原生事件时,就请加上一个.native

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6
标签: vue