vue element UI使用 @keyup.enter不生效

问题如下图所示,点击@keyup.enter不生效在这里插入图片描述

1. 一般情况解决办法

在按钮上绑定keyup事件,加上.native覆盖原有封装的keyup事件

<el-button type="primary" class="sub-btn" style="width:100%;" :disabled="btnDisabled" :loading="logining" @click.native.prevent="handleSubmit" @keyup.native.enter="handleSubmit">{{loginStr}}</el-button>

2. 终极解决办法

使用的是element-ui按钮,因为有遇到过第一种情况绑定之后无效情况,记录下此方法。在created使用

created () {
    document.onkeyup = e => {
      if (e.keyCode === 13 && e.target.baseURI.match(/login/)) {
        // 调用登录 验证方法
        this.submitForm()
      }
    }
  }

版权声明:本文为yjl13598765406原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。