如何使用vue轻松处理表单?

时间:2018-06-09 21:56:29

标签: javascript forms vue.js vue-select

我的SPA中有几张表格,都是通过ajax提交的 这是我使用的模式:
<form @submit.prevent="submit">...</form>
submit()将执行类似$(form).serialize的操作,以发送表单数据。

通常它工作正常,但有问题 - 像自定义组件 vue-selecthttp://sagalbot.github.io/vue-select/
不会工作,因为它不会创建表单域。所以我必须手动将其添加到表单数据中。这已成为样板代码的来源,我想避免这种情况。

问题:有没有办法让vue根据输入的v模型自动创建数据成员。因为我不喜欢复制属性名称的想法(在v-model和vue实例中)。这就是我使用serialize()提交并且不使用v-model的原因,因为我更容易创建具有name属性的<input>元素。

或者,要使组件实际创建表单字段?
一般来说,是否有更好的方法来处理带有vue的表单? (同样,没有重复v模型和数据成员?)

0 个答案:

没有答案