Vue element-ui binding @ keyup.enter evento solución inválida

Solución general:

  • Vincule el evento keyup al botón y agregue .native para sobrescribir el evento keyup encapsulado original
<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>

 La solución definitiva:

  • Se utiliza el botón element-ui, porque el primer caso no es válido después de la vinculación, registre este método. Usado en creado
created(){
      document.onkeyup= e =>{
        if (e.keyCode === 13&&e.target.baseURI.match(/login/)) {
            this.handleSubmit();//调用登录 验证方法
         }
      }
}

Si hay una buena forma, puedes dejar un mensaje.

Supongo que te gusta

Origin blog.csdn.net/SmartJunTao/article/details/108335155
Recomendado
Clasificación