vue.js - 如何在单击带有前置项时关闭 v-select 菜单

Question

在我的 v-select 菜单中，我添加了一个templatewith 2 v-list-items：

                        <v-select
                             :items=clients
                             dense
                             item-text="full_name"
                             item-value="id"
                             label="Search by client"
                             outlined
                             v-model="clientSearch"
                        >
                            <template v-slot:prepend-item>
                                <v-list-item
                                     ripple
                                     @click="selectNone()">
                                    <v-list-item-content>
                                        <v-list-item-title>None</v-list-item-title>
                                    </v-list-item-content>
                                </v-list-item>
                                <v-list-item
                                     ripple
                                     @click="selectAll">
                                    <v-list-item-content>
                                        <v-list-item-title>All</v-list-item-title>
                                    </v-list-item-content>
                                </v-list-item>
                            </template>
                        </v-select>

值中的项目会v-select与默认设置的 close-on-click 属性发生反应，但不会与其他 2 个属性发生反应v-list-item。

如何将单击时关闭的属性添加到其中的项目，template以便无论选择哪个项目，v-menu 都会关闭？

标签： vue.jsvuetify.js

Answer 1

 <v-select
 .
 .
 :menu-props="{
   closeOnClick: true,
   closeOnContentClick: true,
  }"
>
</vselect>

"closeOnContentClick: true" 使列表如你所愿:)