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鍵