Javascript Vuetify组合框不返回id而不是值
我正在尝试制作一个充满Javascript Vuetify组合框不返回id而不是值,javascript,vue.js,combobox,vuejs2,vuetify.js,Javascript,Vue.js,Combobox,Vuejs2,Vuetify.js,我正在尝试制作一个充满的表单,基本上可以为填写表单的人自动完成。我成功地做到了这一点,但我遇到了一个奇怪的问题。当我实际选择一个提示的项目时,它会正确地填写输入。但是,当它提交表单时,它会发送选项数组中的id,而不是我选择的值。这些对我来说似乎是错误的,因为我将item value=“key”设置为与item text=“key”相同,并且文本与我想要的字符串是正确的,那么为什么值不正确呢 例如: 用自动完成和其他手动填写x,y字段将返回以下错误消息: **数组到字符串转换(SQL:插入到表
的表单,基本上可以为填写表单的人自动完成。我成功地做到了这一点,但我遇到了一个奇怪的问题。当我实际选择一个
提示的项目时,它会正确地填写输入。但是,当它提交表单时,它会发送选项数组中的id
,而不是我选择的值。这些对我来说似乎是错误的,因为我将item value=“key”
设置为与item text=“key”
相同,并且文本与我想要的字符串是正确的,那么为什么值不正确呢
例如:
用自动完成和其他手动填写x,y
字段将返回以下错误消息:
**数组到字符串转换(SQL:插入到表(w
,x
,y
,z
)值(测试,5,4,1))**
在本例中,5,4,
应该是两个字符串
更新:
仍然没有解决,但我发现它实际上是将整个item对象发送到POST。更新2019:
我再次研究了这个问题,最终找到了答案。它与返回对象
属性相关,该属性在默认情况下显然是正确的。禁用它会导致v-combobox
按预期工作
<v-combobox
:item-text="(obj) => (obj)[key])"
:item-value="(obj) => (obj)[key]"
v-model="editForm[key]"
:search-input.sync="editForm[key]"
:items="searchOptions"
:return-object="false"
>
这将允许您生成多个组合框,并使用相同的脚本获取所有组合框,同时仍使它们按预期独立运行。您能提供脚本吗?
<v-flex
v-for="key in columns"
v-if="key !== 'id'"
:key="key"
xs12
>
<v-combobox
:item-text="key"
v-model="editForm[key]"
:search-input.sync="inputSearch[key]"
:items="searchOptions.map((obj) => (obj)[key])"
/>
</v-flex>