Vue 触发回车事件

方案一

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基本用法 一、vuejs简介 是一个构建用户界面的框架 是一个轻量级的MVVM(Model-View-ViewMo...
    深度剖析JavaScript阅读 18,274评论 0 8
  • 序言:乱七八糟一锅粥! 基于Vue.js 教程、介绍— Vue.js 心得: 在vue中,推荐始终使用 kebab...
    苦苦修行阅读 663评论 0 1
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 4,908评论 6 16
  • 1. 生命周期 我们先来看下图: 我们来解释一下上图的各个阶段: beforeCreate: vue实例进行基础初...
    zxhnext阅读 959评论 0 1
  • 前言 公司在使用vue搭配elementui开发后台系统,中间遇到了大大小小的“坑”,需要总结下,以防后期遇到。 ...
    方丈先生阅读 3,459评论 0 1