Vue.js: значения полей возвращаются, как только теряют фокус

Question

Я экспериментирую с очень простым приложением CRUD.Однако любые значения, введенные в поля фильтра или в диалоговом окне редактирования, возвращаются к значениям по умолчанию, как только поле теряет фокус.Вот фрагмент:

<q-input v-for="field in fields" :value="input[field.name]"/></q-input>

Я довольно новичок в Vue, но я считаю, что это должно быть просто для опытного пользователя, но я не нашел ответов ни в StackOverflow, ни где-либо еще.Проверьте это:

https://codepen.io/rubem-pechansky/pen/PvjZMb

Заранее благодарен за любую помощь.

Answer 1

Вам нужно использовать v-model

<q-input v-for="field in fields" v-model="input[field.name]"/></q-input>

:value только для установки данных на вход, но он не возвращает обновленные данные.