Добавить наблюдателя для полей формы - PullRequest
Новая
       7

Добавить наблюдателя для полей формы

0 голосов
/ 27 ноября 2018

Я использую Laravel Nova и хочу сделать кнопку «Сохранить» (в представлении «Обновление») недоступной, пока все необходимые поля пусты.Вот часть кода файла "Update.vue", который создает мои поля формы: 

<div v-for="field in fields">
 <component
    @file-deleted="updateLastRetrievedAtTimestamp"
    :is="'form-' + field.component"
    :errors="validationErrors"
    :resource-id="resourceId"
    :resource-name="resourceName"
    :field="field"
 /></div>

Fields массив заполняется данными из бэкэнда.

Так что я могу видетьэта структура в инструменте Vue Dev.И когда я изменяю входное значение, оно меняет value из <form-text-field>, но я не вижу этого нигде в моем Update компоненте.

enter image description here

Итак, мой вопрос - как я могу динамически получать изменения в моих полях ввода?

1 Ответ

0 голосов
/ 28 ноября 2018

В Vue данные передаются только одним способом, поэтому изменение данных в вашем компоненте Update будет отражено в поле text-text-field, а не наоборот.Для создания двусторонней привязки данных вы должны использовать v-модель.

Я предполагаю, что form-text-field является одним из ваших пользовательских компонентов, в этом случае вы должны создать для него собственную v-модель.См .: Настройка компонента v-модель

Если вы не можете заставить его работать, опубликуйте здесь реализацию формы-текстового поля, чтобы мы могли помочь.

...