vue 回车触发事件

回车出发事件，比如登录页面输入密码后回车触发登录功能。关键代码：@keyup.enter.native="accountLogin()"示例代码：<el-form-item label="密码" prop="password" class="clearTag" style="position: relative;"><el-input v-model="loginForm.pas

m0_46815188

2691人浏览 · 2021-10-12 10:20:42

m0_46815188 · 2021-10-12 10:20:42 发布

回车触发事件，比如登录页面输入密码后回车触发登录功能。

关键代码：

 @keyup.enter.native="accountLogin()"

示例代码：

 <el-form-item label="密码" prop="password" class="clearTag" style="position: relative;">
    <el-input v-model="loginForm.password" type="password"     
       @keyup.enter.native="accountLogin()">
    </el-input>
    <el-button type="text" style="float: right; position: absolute; right: 0; bottom: 
       -40px; color: #C0C0C0;" @click="getPassword()">忘记密码？
     </el-button>
 </el-form-item>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^