Vue入门之事件操作

3.事件操作

3.1事件绑定: v-on:事件名

• vue 运行通过 v-on:xxx 给标签绑定指定的事件

  

• 在绑定事件时,使用到了”函数”,需要在vue中通过methods 定义函数

  

  

3.2事件绑定–this关键字

• 在vue中,某一个成员需要使用另一个成员,需要通过”this.”进行引用

  

3.3案例：查询所有

3.4事件修饰符

vue 通过事件修饰符对js事件进行细节控制。

<标签 v-on:事件.修饰符=”函数”>

常见的修饰符有:

• .prevent : 阻止浏览器默认行为
• .stop : 阻止浏览器事件冒泡
• .once : 只触发1次

案例：阻止超链接的默认行为

3.5按键修饰符

vue允许为 v-on 在监听键盘事件时, 使用按键修饰符, 约束事件的触发

键盘事件: keyup和keydown

<标签 v-on:事件.修饰符=”函数” >

常见按键修饰符

• .enter : //回车键
• .tab ：//Tab键
• .delete (捕获 “删除” 和 “退格” 键) ：//Backspace键或Delete键
• .esc ：//Esc键
• .space ：//空格键
• .up ：//上键
• .down：下键
• .left ：左键
• .right ：右键
• .ctrl ：Ctrl键
• .alt ：Alt键
• .shift ：Shift键