Как легко обрабатывать формы с помощью VUE? - PullRequest
0 голосов
/ 10 июня 2018

У меня есть несколько форм в моем SPA, все они отправляются через ajax.
Это шаблон, который я использую:
<form @submit.prevent="submit">...</form>
и submit() сделает что-то вроде $(form).serialize, чтобы отправитьданные формы.

Обычно он работает нормально, но есть проблема - пользовательский компонент, такой как vue-select: http://sagalbot.github.io/vue-select/
, не будет работать, потому что он не создает поле формы.Поэтому я должен добавить его вручную к данным формы.Это стало источником стандартного кода, и я хочу этого избежать.

Вопрос: есть ли способ заставить vue автоматически создавать элементы данных на основе v-модели входов.Поскольку мне не нравится идея дублирования имен свойств (как в v-модели, так и в экземпляре vue).Вот почему я отправляю с serialize() и не использую v-модель, потому что мне проще создавать <input> элементы с атрибутом name.

Или, чтобы компонент фактически создал поле формы?
В общем, есть ли лучший способ обработки форм с помощью vue?(опять же, без дублирования v-модели и элементов данных?)

...