（简）事件指令v-on：修饰符

修饰符

1.在@绑定的事件后加小圆点“.”，在跟一个后缀来使用修饰符。Vue支持以下修饰符：

• .stop
• .prevent
• .capture
• .self
• .once
  具体用法如下：

<a @click.stop="handle">a>

<form @submit.prevent="handle">form>

<a @click.stop.prevent="handle">a>

<form @submit.prevent>form>

<div @click.capture="handle">div>

<div @click.self="handle">div>

<div @click.once="handle">div>

2.在表单上监听键盘事件时，还可使用按键修饰符，比如按下具体某个键时才调用方法：

<input @keyup.13="submit">

3.也可以自己配置具体按键：

Vue.config.keyCodes.f1=112;
//全局定义后，就可以使用@keyup.f1

4.除了具体的某个keyCode外，Vue还提供了一些快捷名称，以下是全部的别名：

• .enter
• .tab
• .delete(捕获“删除”和“退格”键)
• .esc
• .space
• .up
• .down
• .left
• .right

5.这些按键修饰符也可以组合使用，或和鼠标一起配合使用：

• .ctrl
• .alt
• .shift
• .meta(Mac下是Command键,Windows下是窗口键)

例如：

<input @keyup.shift.83="handleSave">

<div @click.ctrl="doSomething">Do somethingdiv>

以上就是事件指令v-on的基本内容—修饰符。.