Vue.js数据未通过HTML表单提交发送

Question

所以我有一个包含一些vue.js数据的表单，例如

<div class="form-group">
     <label class="form-label" for="field_description">Ontology Version</label>
     <input type="text" name="ontology-version" class="form-control" disabled :value="ontology">
</div>

当我通过单击“提交”按钮提交表单时，ontology-version请求中没有POST的数据。

我有一个<button type="submit" class="btn btn-primary ml-auto">Save</button>这样的提交按钮

此外，当我检查chrome上的元素时，我发现没有设置任何值

Answer 1

如评论和上一个答案中所述，如果您提交禁用的输入字段。将在发出请求时将其发送，因此，如果您打算发送此值，则将其作为只读传递。

<div class="form-group">
     <label class="form-label" for="field_description">Ontology Version</label>
     <input type="text" name="ontology-version" class="form-control" readonly :value="ontology">
</div>

Answer 2

发出请求时不会发送禁用的输入字段。

这是设计使然，因此您可以将字段过滤掉。