Browse Source

fix: login by enter key

pull/56/head
Tyler Chen 4 years ago
parent
commit
6132ed120e
2 changed files with 12 additions and 0 deletions
  1. +9
    -0
      src/_components/shared/Input.vue
  2. +3
    -0
      src/_pages/auth/Login.vue

+ 9
- 0
src/_components/shared/Input.vue View File

@@ -2,6 +2,7 @@
<template> <template>
<input <input
v-bind="$attrs" v-bind="$attrs"
v-on="nativeEvents"
v-model="content" v-model="content"
@input="handleInput()" @input="handleInput()"
class="form-input" class="form-input"
@@ -18,6 +19,7 @@ export default {
default: '', default: '',
}, },
}, },

data() { data() {
return { return {
content: this.value, content: this.value,
@@ -28,6 +30,13 @@ export default {
this.content = v; this.content = v;
}, },
}, },
computed: {
nativeEvents() {
return Object.keys(this.$listeners)
.filter((e) => e !== 'input')
.reduce((obj, v) => ({ ...obj, [v]: this.$listeners[v] }), {});
},
},
methods: { methods: {
handleInput(e) { handleInput(e) {
this.$emit('input', this.content); this.$emit('input', this.content);


+ 3
- 0
src/_pages/auth/Login.vue View File

@@ -48,6 +48,7 @@
'is-invalid': submitted && errors.has('password'), 'is-invalid': submitted && errors.has('password'),
}" }"
v-model="password" v-model="password"
@keyup.enter="submit"
:placeholder="messages.field_label_enter_password" :placeholder="messages.field_label_enter_password"
/> />
<div <div
@@ -65,6 +66,7 @@
'is-invalid': submitted && errors.has('totpToken'), 'is-invalid': submitted && errors.has('totpToken'),
}" }"
v-model="totpToken" v-model="totpToken"
@keyup.enter="submit"
:placeholder="messages.field_label_totp_code" :placeholder="messages.field_label_totp_code"
/> />
<div <div
@@ -177,6 +179,7 @@ export default {
...mapActions('account', ['login', 'logout']), ...mapActions('account', ['login', 'logout']),


submit() { submit() {
console.log('submit');
this.errors.clear(); this.errors.clear();
this.$v.$touch(); this.$v.$touch();
this.submitted = true; this.submitted = true;


Loading…
Cancel
Save