Vuejs形式不提交的“输入”

问题描述 投票:2回答:1

TL; DR问题

我为什么不能用在表单中输入相同的字段2,和进入按钮提交表单

更详细的问题

开门见山。我试图用enter按钮当输入元素被聚焦,那么这应该发射事件提交表单。

正如你可以看到,如果我有相同类型的超过1级的输入(例如,2个input="text"输入,当我当着眼于输入按enter按钮时,它未发出submit事件。

在正下方的第二个应用例子,我有相同的形式,具有完全相同的vuejs实例,但只有一个输入字段,当你按回车键时,它侧重发出正确的提交事件元素上。

我试图谷歌可能什么在这里,但苦苦寻找多任何使用除了“防止被上输入提交的表单”。

我尝试添加一个ID属性,name属性等的元素,它仍然没有按预期工作。

我不是在vuejs无论是初学者,但不是一个先进的JS用户,那么“简单”的答案,将不胜感激:d


如果需要了解更多信息,请与我们见面知道,我会提供尽可能多的,因为我可以

javascript vue.js
1个回答
8
投票

请确保您的表格已

<button type="submit">Submit</button>

要么

<input type="submit" value="Submit" />

如果您不想显示该按钮,你可以使用

<input type="submit" style="position: absolute; left: -9999px"/>

您可以找到隐藏在这个问题上按钮的更多信息Submitting a form by pressing enter without a submit button

© www.soinside.com 2019 - 2024. All rights reserved.