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