javascript - vue-btn 不按 Enter 键提交

Question

我有一个常见的登录表单，末尾有提交按钮，我必须用鼠标单击按钮才能提交按钮。我想只用输入键提交表单

这是我的按钮代码

<v-btn
 color="gray"
 padding="20"
 data-cy="button-login"
 @click="login"
 >
 SIGN IN
</v-btn>

这是我的 javascript 登录功能

methods: {
 login () {
 let params = {
  mail: this.email,
  password: this.password
  }
   this.$store.dispatch('login', params).then((response) => {
   this.$router.push({name: 'dashboard', params: {'userId': String(response.data.user_id)}})
  }).catch(() => {
   this.submitsnackbar = true
  })
 }
}

如果我可以直接按回车键登录，这会对我有很大帮助谢谢

Answer 1

将 login 方法调用移至 form 元素，并将 v-btn type 声明为 submit-

<v-form @submit="login">
 <v-btn
  color="gray"
  padding="20"
  data-cy="button-login"
  type="submit"
 >
  SIGN IN
 </v-btn>
</v-form>