Создание и проверка формы динамически - PullRequest
Новая
       17

Создание и проверка формы динамически

0 голосов
/ 21 марта 2019

Мое приложение будет содержать> 10 типов объектов, для которых я хочу разрешить пользователю изменять определенные свойства. Каждый из этих объектов будет иметь интерфейс для определения своих свойств. Каждый объект также будет иметь схему, которая будет определять, какие свойства являются редактируемыми, и предоставлять правила проверки и соответствующие сообщения, в настоящее время ища схему yup .

Я хочу создать один компонент формы, который можно использовать для всех этих типов объектов. Требуется проверка при отправке формы, предпочтительно с использованием VeeValidate. Я хочу создать что-то типа: 

                <div v-for="(prop, index) in object">
                    <label>{{prop.name}}</label>
                    <input type={{prop.type}} v-model="modulesForm.name" :v-validate=prop.validations :name=prop.name>
                    <span v-show="errors.has('prop.name')" class=error> {{errors.first('prop.name')}}</span>
                </div>

Помимо этого, я понятия не имею, как это реализовать, любая помощь очень ценится.

...