經過使用enter鍵模擬點擊肯定按鈕

使用enter鍵模擬點擊肯定按鈕

       方法是綁定事件 @keyup.enter.native="submitForm()"

<el-dialog

  ref="dialog"

  :visible.sync="show"

  :append-to-body="true"

  :close-on-click-modal="false"

  :close-on-press-escape="false"

  :show-close="false"

  :fullscreen.sync="fullscreen"

  @keyup.enter.native="submitForm()">
</el-dialog>

知識點：

vue運行爲v-on在監聽鍵盤事件時，添加了特殊的鍵盤修飾符：<input v-on:keyup.13="submit">。vue還給出了經常使用按鍵的別名，這樣就沒必要去記keyCode 如：

<input v-on:keyup.enter="submit">

<input @keyup.enter="submit">

但若是用了封裝組件的話，好比element-ui，這個時候使用按鍵修飾符須要加上.native 好比：

<el-input v-model="account" placeholder="請輸入帳號" @keyup.enter.native="search()"></el-input>

一些鍵盤名稱：.enter  .tab  .delete (捕獲 「刪除」 和 「退格」 鍵)  .esc  .space  .up  .down .left  .right   .ctrl  .alt   .shift  .meta(window系統下是window鍵，mac下是command鍵)

或是還能夠用一些組合鍵：

    Alt + C :<input @keyup.alt.67="doSth">

   Ctrl + Click :<div @click.ctrl="doSth">點我</div>