Funny 3 лет назад
Родитель
Сommit
a97b0602e5
1 измененных файлов с 10 добавлено и 4 удалено
  1. 10 4
      src/views/login.vue

+ 10 - 4
src/views/login.vue

@@ -16,23 +16,23 @@
           <div class="login-password" v-if="activeIndex == 1">
             <div class="pass-item">
               <img src="../../static/image/phone-icon.png" class="phone-icon" />
-              <el-input placeholder="请输入手机号" v-model="mobile" class="input-phone" :maxlength="11" />
+              <el-input @keydown.enter.native="seachEnterFun" placeholder="请输入手机号" v-model="mobile" class="input-phone" :maxlength="11" />
             </div>
             <div class="pass-item">
               <img src="../../static/image/lock-icon.png" class="lock-icon" />
-              <el-input name='1' placeholder="用户密码" v-model="password" class="input-phone" type="password" />
+              <el-input @keydown.enter.native="seachEnterFun" name='1' placeholder="用户密码" v-model="password" class="input-phone" type="password" />
             </div>
           </div>
           <!-- 验证码登录 -->
           <div class="login-password" v-else>
             <div class="pass-item">
               <img src="../../static/image/phone-icon.png" class="phone-icon" />
-              <el-input placeholder="请输入手机号" v-model="mobile" class="input-phone" :maxlength="11" />
+              <el-input @keydown.enter.native="seachEnterFun" placeholder="请输入手机号" v-model="mobile" class="input-phone" :maxlength="11" />
             </div>
             <div class="pass-item">
               <img src="../../static/image/code-icon.png" class="phone-icon" />
               <el-input name="1" style="display:none;" />
-              <el-input name="2" placeholder="验证码" v-model="code" class="input-phone" :maxlength="4" />
+              <el-input @keydown.enter.native="seachEnterFun" name="2" placeholder="验证码" v-model="code" class="input-phone" :maxlength="4" />
               <div class="get-code" v-if="!showCode" @click.stop="getCode">获取短信验证码</div>
               <div class="get-code" v-else>{{ count }}秒</div>
             </div>
@@ -82,6 +82,12 @@ export default {
   },
   methods: {
     ...mapMutations(["SET_USERINFO"]),
+    seachEnterFun(e) {
+      var keyCode = window.event ? e.keyCode : e.which;
+      if (keyCode == 13) {
+        this.toLogin();
+      }
+    },
     // 短信验证码登录
     loginOfCode() {
       let params = {