登录页面,输入完成后 回车触发事件

步骤一: input里绑定回车事件

  //vue 回车传参用 $event 接收参数的时候用e就可以
  <el-button size="small" round class="btn" 
          @click="getList()" @keyup.enter="keyDown($event)" >登录</el-button>
    

步骤二:

 methods:{

     keyDown(e) {
               // 回车则执行登录方法 enter键的ASCII是13
               if (e.key == 'Enter') {
                  this.getList(); // 定义的登录方法 ...............
                  e.preventDefault(); // 去掉默认的换行
              }
           },

     },

   mounted() { 

             // 绑定监听事件
        window.addEventListener("keydown", this.keyDown);
    },
    destroyed() {
         
           // 销毁事件
        window.addEventListener("keydown", this.keyDown);
    }