3.事件操作

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

• vue 運(yùn)行通過(guò) v-on:xxx 給標(biāo)簽綁定指定的事件

  

• 在綁定事件時(shí),使用到了”函數(shù)”,需要在vue中通過(guò)methods 定義函數(shù)

  

  

3.2事件綁定–this關(guān)鍵字

• 在vue中,某一個(gè)成員需要使用另一個(gè)成員,需要通過(guò)”this.”進(jìn)行引用

  

3.3案例：查詢(xún)所有

3.4事件修飾符

vue 通過(guò)事件修飾符對(duì)js事件進(jìn)行細(xì)節(jié)控制。

<標(biāo)簽 v-on:事件.修飾符=”函數(shù)”>

常見(jiàn)的修飾符有:

• .prevent : 阻止瀏覽器默認(rèn)行為
• .stop : 阻止瀏覽器事件冒泡
• .once : 只觸發(fā)1次

案例：阻止超鏈接的默認(rèn)行為

3.5按鍵修飾符

vue允許為 v-on 在監(jiān)聽(tīng)鍵盤(pán)事件時(shí), 使用按鍵修飾符, 約束事件的觸發(fā)

鍵盤(pán)事件: keyup和keydown

<標(biāo)簽 v-on:事件.修飾符=”函數(shù)” >

常見(jiàn)按鍵修飾符

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