vue按键修饰符@keyup.enter.native


Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:


"submit">

应用场景:

1、当我们在登录页面中,输完密码后,点击enter键就可以发起登录请求


      ref="loginFormRef" :model="loginForm" :rules="loginFormRules" label-width="0px" class="login_form">
        "username">
          "iconfont icon-user" v-model="loginForm.username">
        
        "password">
          "iconfont icon-3702mima" v-model="loginForm.password" type="password" @keyup.enter.native="handlelogin">
        
        class="btns">
          "loading" type="primary" @click="handlelogin">登录
          "info" @click="resetLoginForm">重置
        
      

2、在搜索时,当我们在搜索框中输入内容后,点击enter就发起搜索

      "社会信用代码:">
        "listQuery.entityNo" style="width: 160px;" size="small" clearable @keyup.enter.native="getList"/>
      
      "">
        class="el-button el-button--primary el-button--small" type="primary" icon="el-icon-search" @click="buttonSearch" >查询
        "primary" size="small" icon="el-icon-edit" @click="resetForm()">重置