Javascript vuetify选择在输入前显示选定值

我使用Vuetify，我选择如下：

<v-select
  v-model="gender.value"
     :items="gender.items"
     label="Gender"
     :solo="true"
     append-icon="">
</v-select>
....
data: () => ({
   gender: {
      value: null,
      items: ['male', 'female']
   }
})

....
数据：（）=>({
性别：{
值：null，
物品：[“男性”、“女性”]
}
})

---

出于某种原因，当我选择某个值时，它会这样显示：但我希望它位于输入字段中。我做错了什么？在Vuetify文档中，我甚至没有找到像这样显示选定值的select。谢谢

看起来我把CSS搞砸了，我把

position:absolute

添加到保存所选值的div中，现在一切都好了

你能试着把你的代码放在代码中进行调试吗？我可能发现了这个问题，在他们的网站上，它也与输入分开，选择是分开的div。所以看起来，好像我破坏了CSS，我添加了

位置：绝对

，现在一切都好了