美文网首页
Vue 触发回车事件

Vue 触发回车事件

作者: 草帽lufei | 来源:发表于2019-10-12 11:48 被阅读0次

    方案一

    在 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 中一般没问题, 在其他地方有时候会出现事件绑定无效的情况

    相关文章

      网友评论

          本文标题:Vue 触发回车事件

          本文链接:https://www.haomeiwen.com/subject/dohqmctx.html