Переглянути джерело

增加回车获取验证码

limengbo 5 роки тому
батько
коміт
99d1f5645b
1 змінених файлів з 5 додано та 3 видалено
  1. 5 3
      src/views/login/index.vue

+ 5 - 3
src/views/login/index.vue

@@ -8,10 +8,11 @@
       <h3 class="title">手机号码登录</h3>
       <p class="tips">手机号码登录,未注册将自动创建智能白板账号</p>
       <el-form-item prop="username">
-        <el-input v-model="loginForm.username" name="username" type="text" placeholder="手机号" />
+        <el-input v-model="loginForm.username" name="username" type="text" placeholder="手机号" focus="true" @keyup.enter.native="handleCode" />
       </el-form-item>
       <el-form-item prop="code">
         <el-input
+          ref="code"
           v-model="loginForm.code"
           name="code"
           type="text"
@@ -101,11 +102,12 @@ export default {
     // },
     handleCode() {
       this.$refs.loginForm.validate(valid => {
+        // this.$nextTick(() => {
+        //   this.$refs.code.focus()
+        // })
         if (valid && (!this.flag)) {
           this.$store.dispatch('sendMag', this.loginForm).then(() => {
             this.countDown()
-          }).catch(() => {
-
           })
         } else {
           console.log('error submit!!')