javascript - Vue 使用 v-model 选择第一个选项

Question

当用户第一次访问该站点时，我无法为 myselect 设置默认值。我希望选择第一个选项，但如果用户不需要默认选项，则可以更改他的选择并选择另一个选项。当我使用 v-model 时可以这样做吗？

这是我的 HTML 代码:

<div class="form-group">
    <label class="control-label" for="docType">Type of document</label>
    <select class="form-control" id='docType' name="docType" v-model="docType"
            :disabled="noDocChoose == true">
        <option value="paragon">Document1</option>
        <option value="complaint">Document2</option>
    </select>
</div>

这是我的 Vue JS 代码:

data: () => ({
    docType: ''
}),

Answer 1

您是否询问是否可以使选择具有空的默认值？在这种情况下，您必须添加另一个具有空白值的选项。例如:

    <select class="form-control" id='docType' name="docType" v-model="docType">
      <option value="">- please select -</option>
      <option value="paragon">Document1</option>
      <option value="complaint">Document2</option>
    </select>

将选择与 docType 模型匹配的选项值。