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组件包含在我想要提交的表单中。

看看我的密码这里。

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

谢谢你的帮助。

Answer 1

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

计划在Vuetify 1.1上添加此功能，并对输入控件进行重构。有关此问题的更多信息，这里。