Javascript 按enter键时未提交Vue.js表单

我正试图通过按下

“回车”

键盘提交

表单，但只有当我点击
按钮时它才起作用

我在
表单
事件中添加了
@submit
，以确保它已被触发，但我使用了一个日志进行了检查，该日志仅通过单击
按钮
触发

<template>
  <v-form @submit.prevent="submit">
    <v-text-field
      v-model.trim="email"
      label="E-mail"
      type="email"
      required
      outlined
    ></v-text-field>
    <v-text-field
      v-model="password"
      label="Mot de passe"
      required
      type="password"
      outlined
    ></v-text-field>
    <v-btn class="primary mr-4" @click="submit">Submit</v-btn>
  </v-form>
</template>

<script>
export default {
  name: 'SignInForm',
  data: () => ({
    email: '',
    password: ''
  }),
  methods: {
    submit() {
      console.log('submitted')
    }
  }
}
</script>


提交
导出默认值{
名称：“SignInfo”，
数据：（）=>({
电子邮件：“”，
密码：“”
}),
方法：{
提交（）{
console.log（'submitted'）
}
}
}

您需要为
按钮设置
type=“submit”
，并保留
表单的侦听器：


newvue({
el:“应用程序”，
vuetify:新的vuetify（），
数据：（）=>({
电子邮件：“”，
密码：“”
}),
方法：{
提交（）{
console.log（'submitted'）
}
}
});

提交