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组件：我要提交。

检查我的代码笔here。

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

感谢您的帮助。

Answer 1

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

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