Vue 触发回车事件

952 阅读1分钟

方案一

在 vue 组件的 mounted() 中监听回车按键按下

    let self = this
    document.onkeydown = function(e) {
      let ev = document.all ? window.event : e
      if (ev.keyCode === 13) {
        self.login()
      }
    }

方案二

使用 v-on:keyup.enter@keyup.enter

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

在 ElementUI 中需要加一个 native 属性

<el-input v-model="form.name" placeholder="昵称" @keyup.enter.native="submit"></el-input>

注意

在 Vuetify 或 ElementUI input 中一般没问题, 在其他地方有时候会出现事件绑定无效的情况