0%

事件处理

事件的基本使用:

  1. 使用v-on:xxx或@xxx绑定事件,其中xxx是事件名

  2. 事件的回调需要配置在methods对象中,最终会在vm上

  3. methods中配置的函数,不要用箭头函数,否则this就不是vm

  4. methods中配置的函数,都是被Vue管理的函数,this的指向是vm或组件实例对象

  5. @click=”demo”和@click=”demo($event)”效果一致,但后者可以传参

事件修饰符

prevent:阻止默认事件

stop:阻止事件冒泡

once:事件只触发一次

键盘事件

1 Vue常用按键别名:

回车:enter

删除:delete

退出:esc

空格:space

换行:tab(特殊,必须配合keydown使用)

上:up

下:down

左:left

右:right

2 Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为keb-case(短横线命名)

3 系统修饰符(用法特殊):ctrl,alt,shift,meta

(1)配合keyup使用:按下修饰键的同时再按下其他键,随后释放其他键,事件才被触发

(2)配合keydown使用:正常触发事件

4 也可以使用keyCode去指定具体的键

5 Vue.config.keyCode自定义键名=键码,可以定制按键别名