v-on 事件綁定

請切換下方 box 的 className

---

切換 box 樣式

---

帶入參數

• {{ item.name }} 有 {{ item.cash }} 元 儲值

修飾符

事件修飾符

• .stop - 調用 event.stopPropagation()。
• .prevent - 調用 event.preventDefault()。
• .capture - 添加事件偵聽器時使用 capture 模式。
• .self - 只當事件是從偵聽器綁定的元素本身觸發時才觸發回調。
• .once - 只觸發一次回調。

將此範例加上 stopPropagation

事件偵聽器時使用 capture 模式

事件偵聽器時使用 self 模式

事件偵聽器只觸發一次

按鍵修飾符

• .{keyCode | keyAlias} - 只當事件是從特定鍵觸發時才觸發回調。
• 別名修飾 - .enter, .tab, .delete, .esc, .space, .up, .down, .left, .right
• 修飾符來實現僅在按下相應按鍵時才觸發鼠標或鍵盤事件的監聽器 - .ctrl, .alt, .shift, .meta

keyCode

別名修飾

相應按鍵時才觸發的監聽器

滑鼠修飾符

• .left - (2.2.0) 只當點擊鼠標左鍵時觸發。
• .right - (2.2.0) 只當點擊鼠標右鍵時觸發。
• .middle - (2.2.0) 只當點擊鼠標中鍵時觸發。

滑鼠修飾符