如何在 vee-validate 中使用 <select> ？

Question

我无法在 vee-validate 中使用我的表单。

正如文档中所示，它说使用<Field />，但我不能在选择形式中使用。我该如何构建这个谢谢。

<Form @submit="submit">
   <Field name="email" type="email">
    <div class="form-floating">
     //cant get idea to convert select to Field
        <select class="form-select" >
            <option selected>Select your category</option>
            <option value="a">a</option>
            <option value="c">b-</option>
        </select>
    </div>
</Form>

我该如何使用？谢谢

Answer 1

您可以替换type="email"为as="select"

<Field name="field" as="select">
  <option value="">Select value</option>
  <option value="..">...</option>
</Field>

您可以在这里阅读更多信息：https ://vee-validate.logaretm.com/v4/api/field