vue2 - 事件，事件的绑定，事件属性，键盘事件

1.事件的绑定

<button v-on:click="getList1">添加事件(添加点击事件 无参)</button>

<button v-on:click="getList2($event,10,levi)">添加事件(添加点击事件 有参)</button>

绑定的方法定义在methods属性中

 

2.事件属性

<!--后面可以跟多个事件属性-->
<a v-on:click.prevent="">事件属性(阻止默认行为)</a>

prevent 阻止默认事件
stop 阻止事件冒泡
once 事件只触发一次
capture 使用事件的捕获模式
self 只有event.target是当前操作的元素时才触发事件
passive 事件的默认行为立即执行，无需等待事件函数执行完毕

 

3.键盘事件

keydown 键盘按下，keyup 键盘松开，keypress 键盘按下然后松开

<!--按下删除键 触发事件 使用别名-->
<button v-on:keydown.delete="">按钮</button>

<!--配置多个键-->
<button v-on:keydown.alt.up="">按钮</button>

<!--未提供按键别名时，使用原始名称-->
<input v-on:keydown.a="" value="aaa">

vue 提供的常用别名：enter，delete(删除与退格键)，esc，space，tab(只能使用在keydown事件类型)，up，down，left，right

vue 系统修饰键 shift，ctrl，alt 可以配合其它键使用 也可以单独使用

使用原始名称时 如果由多个单词组成 LockSpace 要转换为 lock-space