javascript - 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>