Vuetify 通过 prepend-item 事件更新选择输入值

【问题标题】：Vuetify update select input-value by prepend-item eventVuetify 通过 prepend-item 事件更新选择输入值
【发布时间】：2021-07-02 22:35:10
【问题描述】：

我想通过单击 Vuetify 选择中的前置项来更新选择值。但模型不会更新选择输入中的项目文本。

<v-select
 :items="loadedTasks"
 v-model="selectedTask"
 item-text="text"
 item-value="value"
 return-object
 :menu-props="{closeOnContentClick: true}"
>
 <template v-slot:prepend-item>
   <v-list-item
    @click="selectedTask = {text:'none', value: 'none'}"
   >
    Text
   </v-list-item>
 </template>

【问题讨论】：

标签： vue.js vue-component vuetify.js

【解决方案1】：

如果您尝试将一些“默认”项添加到选择中，prepend-slot 是没有办法的，因为它不能被“选择”。最好将“默认”项直接添加到 loadedTasks 数组中

例如使用计算：

computed: {
  tasksToSelect() {
    return [{text:'none', value: 'none'}, ...this.loadedTasks]
  }
}

...像<v-select :items="tasksToSelect" />一样使用它

【讨论】：

我刚刚删除了前置项...无法将第一个选项设置为显示：无...更改了加载任务中的第一项以显示为前置项...谢谢!