最新VUE 事件修饰符以及按键码(1)，腾讯T2手把手教你

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

给大家分享一些关于HTML的面试题。

按键修饰符

---

格式：

v-on:keyup.按键名 或者 @keyup.按键名

常用的按键名：

• .enter 回车键

• .tab Tab键

• .delete Delete键

• .esc ESC键

• space 空格键

• up 向上键

• down 向下键

• left 向左键

• right 向右键

案例：

事件处理函数 v-on 或者 @

Say {{msg}}

<button @click=“warn(‘王佳伟’,$event)”>Warn

---

事件修饰符

<button @click=“doThis”>单击事件会继续传播

<button @click.stop=“doThis”>单击事件会组织继续传播

<a href=“https://www.cnblogs.com/wjw1014/” @click.prevent=“doStop”>我的博客园博客

<button @click.once=“doOnly”>点击只会触发一次：{{num}}

---

按键修饰符或按键码

<input type=“text” @keyup.enter=“keyEnter”>

<input type=“text” @keyup.space=“keySpace”>

<input type=“text” @keyup.13=“keyDown”>