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

電腦科學概論筆記

電腦科學概論筆記

Express template engine - Handlebars 功能

Express template engine - Handlebars 功能

[ React 筆記 ] input使用useRef存取子元件

[ React 筆記 ] input使用useRef存取子元件


Comments