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

Question

我正在使用典型的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组件。

在这里检查我的codepen。

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

谢谢你的帮助。

Answer 1

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

计划通过重构输入控件在Vuetify 1.1上添加此功能。 关于这个问题的更多信息这里 。