У меня есть несколько форм в моем 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-модели и элементов данных?)