Javascript vue btn不'；按回车键提交

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

这是我的按钮代码

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

如果我可以按enter键登录，这将对我有很大帮助

---

谢谢

您需要将表单和

包装在

组件中，然后使用

上的

@submit

事件处理程序来处理表单提交。由于您没有指定正在使用的Vuetify的主要版本，下面是指向每个

组件定义的链接，具体取决于您的框架版本：

• 1.5.x=>
• 2.x.x=>

---

将

登录

方法调用移动到

表单

元素，并将

v-btn

类型声明为

提交

-

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

登录

非常感谢，很抱歉，因为我在这方面真的是新手。您也可以使用

@submit.prevent=“login”

仅执行您的

登录

方法，而不使用默认的提交行为。非常感谢您的回答，我将查看它

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