v-on 各種修飾符


Posted by hoyi-23 on 2021-08-06

v-on:click="rotate";

@click="rotote"

可以帶入參數

@click="addMoney(item)"

修飾符

.prevent
.stop 等同於event.stopPropagation(),防止事件冒泡。
.capture 與事件冒泡的方向相反,事件捕獲 (event capturing) 是由外而內的。
.once 只會執行一次。
.self 只會觸發自己範圍內的事件,不包含子元素

鍵盤修飾符

  1. 針對 KeyCode
  2. 針對 別名 (enter/tab/esc/space/up/down/left/right)
  3. 組合相應按鍵 @keyup.shift.enter="觸發事件"

滑鼠修飾符

  1. @click.right
  2. @click.left
  3. @click.middle

#v-on #修飾符







Related Posts

從 JavaScript 踏入程式語言

從 JavaScript 踏入程式語言

七天打造自己的 Google Map 應用入門 - Day04

七天打造自己的 Google Map 應用入門 - Day04

[ Day 03 ] 用 Puppeteer 來做自動化機器人吧 (二) : 基礎篇

[ Day 03 ] 用 Puppeteer 來做自動化機器人吧 (二) : 基礎篇


Comments