我的SPA中有几张表格,都是通过ajax提交的
这是我使用的模式:
<form @submit.prevent="submit">...</form>
并submit()
将执行类似$(form).serialize
的操作,以发送表单数据。
通常它工作正常,但有问题 - 像自定义组件
vue-select
:http://sagalbot.github.io/vue-select/
不会工作,因为它不会创建表单域。所以我必须手动将其添加到表单数据中。这已成为样板代码的来源,我想避免这种情况。
问题:有没有办法让vue根据输入的v模型自动创建数据成员。因为我不喜欢复制属性名称的想法(在v-model和vue实例中)。这就是我使用serialize()
提交并且不使用v-model的原因,因为我更容易创建具有name属性的<input>
元素。
或者,要使组件实际创建表单字段?
一般来说,是否有更好的方法来处理带有vue的表单? (同样,没有重复v模型和数据成员?)