Как использовать в vee-проверке?

#vue.js #vuejs3

Вопрос:

Я не смог использовать свою форму внутри vee-проверки.

Как и в документации , здесь написано использовать <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>
 

Как я могу использовать ?
Спасибо

Ответ №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