1

我的 SPA 中的表单很少,都是通过 ajax 提交的。
这是我使用的模式:
<form @submit.prevent="submit">...</form>
并且submit()会执行类似$(form).serialize, 的操作来发送表单数据。

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

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

或者,让组件真正创建一个表单域?
一般来说,有没有更好的方法来处理使用 vue 的表单?(再次,不重复 v-model 和数据成员?)

4

0 回答 0