vue element-ui 绑定@keyup.enter事件无效解决办法

一般情况解决办法:

  • 在按钮上绑定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>

 终极解决办法:

  • 使用的是element-ui按钮,因为有遇到过第一种情况绑定之后无效情况,记录下此方法。在created使用
created(){
      document.onkeyup= e =>{
        if (e.keyCode === 13&&e.target.baseURI.match(/login/)) {
            this.handleSubmit();//调用登录 验证方法
         }
      }
}

如果有好的方法,可以留言

猜你喜欢

转载自blog.csdn.net/SmartJunTao/article/details/108335155