Forms Vuejs如何防止表单在输入时提交，但仍将工作保存在输入中？

这将阻止输入提交，但目前阻止输入。 我需要输入，但不提交表格的关键工作

<template id="form-template">
       <form action="save-passport" @keypress.enter.prevent method="post" enctype="application/x-www-form-urlencoded"   >
<input type="submit" v-show="loaded"  v-on:click="saveForm" value="Save" />

<input type="text" required="required" name="field-11" > 
<select required="required" name="field-13"><option value=""></option> 
</select>
</form>
       </template>

---

您需要使用

prevent

修改器。另外，你的网页本身必须有焦点。也就是说，如果你只是访问网页，

prevent

将不起作用。但是，如果您单击表单中的某个位置，

prevent

将适用于您

---

您仍然可以使用类似于

document.forms[0].submit（）的东西通过JavaScript提交表单
您需要使用
防止
修改器。另外，你的网页本身必须有焦点。也就是说，如果你只是访问网页，
prevent
将不起作用。但是，如果您单击表单中的某个位置，
prevent
将适用于您

您仍然可以使用类似于
document.forms[0].submit（）的东西通过JavaScript提交表单
我是这样做的
首先，我从表单标签中删除了vue修改器。
第二，我更改了从提交到按钮的输入类型
第三，这是我的saveForm函数

saveForm:function(){
        if (someCondition){
            event.preventDefault();
        }else{
            document.forms[0].submit();
        }
      }

我是这样做的
首先，我从表单标签中删除了vue修改器。
第二，我更改了从提交到按钮的输入类型
第三，这是我的saveForm函数

saveForm:function(){
        if (someCondition){
            event.preventDefault();
        }else{
            document.forms[0].submit();
        }
      }

我也有同样的问题。我所做的解决方案是将submit方法放在OpenForm标签上。然后，无需在表单底部输入/button type=“submit”

<form class="form" action="" method="POST" @submit.enter.prevent="createForm()">

我也有同样的问题。我所做的解决方案是将submit方法放在OpenForm标签上。然后，无需在表单底部输入/button type=“submit”

<form class="form" action="" method="POST" @submit.enter.prevent="createForm()">

可能
@submit.provent
？是否希望在按enter键时换行，而不是提交表单？To wastex但我不希望阻止提交我希望阻止在enter键时提交。对于Vamsi，我希望在某些字段填充数据（或删除的数据）时执行此操作按enter键可以接受另一个字段将隐藏或显示。可能
@submit.prevent
？你想在按enter键时换行而不是提交表单吗？到wastex，但我不想阻止提交我想阻止在enter键时提交。到Vamsi，当某个字段填充了数据（或删除的数据）时，我想这样做按enter键即可接受另一个字段将隐藏或显示。