Javascript 如何控制选择框'；Vuetify.js中的选项是什么？

我在工作中使用Vuetify.js，我的框架是Nuxt.js和Typescript。 当我选择一个选择框时，我想更改选择框的选择。 所以我试着在下面编写测试代码。 若我在选择框中选择某个状态，该状态将显示在文本字段中。 然后我在选择框中再次选择其他状态，我只选择未选择。 这意味着如果我选择状态，下次选择的状态不会显示在选择框中。 我不知道如何创建这种函数。 有人能给我提个建议吗？ 我的样本用代码笔书写并检查操作

    <div id="app">
  <v-app id="inspire">
    <v-container fluid>
      <v-row align="center">
        <v-col cols="6">
          <v-subheader>Custom items</v-subheader>
        </v-col>
  
        <v-col cols="6">
          <v-select
            v-model="select"
            :hint="`${select.state}, ${select.abbr}`"
            :items="items"
            item-text="state"
            item-value="abbr"
            label="Select"
            persistent-hint
            return-object
            single-line
          ></v-select>
          <v-text-field v-model="select.state"></v-text-field>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>

    new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
      select: { state: 'Florida', abbr: 'FL' },
      items: [
        { state: 'Florida', abbr: 'FL' },
        { state: 'Georgia', abbr: 'GA' },
        { state: 'Nebraska', abbr: 'NE' },
        { state: 'California', abbr: 'CA' },
        { state: 'New York', abbr: 'NY' },
      ],
    }
  },
})

定制项目
新Vue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
选择：{州：'Florida'，缩写：'FL'}，
项目：[
{州：'佛罗里达'，缩写：'佛罗里达'}，
{州：'Georgia'，缩写：'GA'}，
{州：'内布拉斯加州'，缩写：'东北'}，
{州：'California'，缩写：'CA'}，
{州：'纽约'，缩写：'纽约'}，
],
}
},
})

您不必创建任何函数。请进去看看

---

在“道具”部分中，您将找到道具隐藏选定的，它们实际上可以实现您想要实现的目标

谢谢您的回答！太棒了！！