我有一個常見的登錄表單，末尾有提交按鈕，我必須用鼠標單擊按鈕才能提交按鈕。我想只用輸入鍵提交表單這是我的按鈕代碼<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 }) }}如果我可以按 Enter 登錄，這將對我有很大幫助，謝謝
2 回答
慕碼人2483693
TA貢獻1860條經驗 獲得超9個贊
將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>
人到中年有點甜
TA貢獻1895條經驗 獲得超7個贊
您需要將表單包裝<v-btn>在一個<v-form>組件中，然后使用 的@submit事件處理程序來<v-form>處理表單提交。由于您沒有指定您正在使用的 Vuetify 的主要版本，因此這里是每個組件定義的鏈接<v-form>，具體取決于您的框架版本：
1.5.x =>?https://v15.vuetifyjs.com/en/components/forms
2.xx =>?https://vuetifyjs.com/en/components/forms/
- 2 回答
- 0 關注
- 127 瀏覽
添加回答
舉報
0/150
提交
取消