如何在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