【Vue】keyup+編碼或是別名修飾/@click+左右鍵/一些修飾符

keyup+編碼或是別名修飾

• keyup+鍵盤編碼（比如說１３代表enter)
• keyup+別名修飾 （enter, .tab, .delete, .esc, .space, .up, .down, .left, .right .ctrl, .alt, .shift, .meta）

<input type="text" v-model="text" @keyup.13="trigger(13)"> //13代表enter
<input type="text" v-model="text" @keyup.space="trigger('space')">

@click+左右鍵

• @click+medium/right/left

  <span class="box" @click.right="trigger('Right button')">

@click=”storeMoney(item)”

<li v-for="item in arrayData" class="my-2">
              {{ item.name }} 有 {{ item.cash }} 元
              <button class="btn btn-sm btn-outline-primary" @click="storeMoney(item)">儲值</button>
            </li>

storeMoney: function (item) {
                item.cash = item.cash + 500;
              },

一些可能會用到的修飾符

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

​