Vuetify v-select 输入元素不包含任何值答案

【问题标题】：Vuetify v-select input element does not hold any valueVuetify v-select 输入元素不包含任何值
【发布时间】：2018-12-01 13:37:27
【问题描述】：

我正在使用一个典型的 Vuetify 的 v-select 组件，如下所示：

<v-select 
    :name="search['type']" 
    v-model="type" 
    :items="typeOptions" 
    label="Type"
>
</v-select>

其中 typeOptions 是这样的数组：

typeOptions: [
  { text: 'Residential', value: 'residential' },
  { text: 'Commercial', value: 'commercial' },
  { text: 'Land', value: 'land' },
  { text: 'Other', value: 'other' },
]

问题是，虽然v-model 保存了适当的值，但创建的名称为search['type'] 的输入元素不保存任何值，因此我无法将这个 v-select 组件包含在我要提交的表单中.

检查我的密码笔here。

我可以在这里使用一种解决方法，根据v-model 插入隐藏输入，但我认为它不是最干净的解决方案，无论如何我认为这应该可以正常工作，但我不明白为什么它不能.

感谢您的帮助。

【问题讨论】：

codepen.io/anon/pen/LXqaXV?editors=1010 解决了您的问题吗？
这和我的 codepen 有什么不同吗？
是的，看看“search[]”的显示
Οk，不，这不是我想要的，问题是输入的值而不是输入的名称。

标签： javascript vue.js vuetify.js

【解决方案1】：

目前看来，Vuetify 目前不支持选择、复选框和单选输入的常规表单输入。这意味着当有人试图将它们提交到服务器时，不会提交任何内容。

计划在 Vuetify 1.1 中添加此功能，并重构输入控件。有关问题的更多信息here。

【讨论】：