Я пытаюсь кодировать vuetify v-select
, чтобы показать v-menu
с настраиваемым списком параметров. Я могу активировать список, когда использую кнопку в шаблоне v-menu
, но не могу сделать то же самое, если заменить кнопку на v-select
. вот код ...
<v-menu offset-y>
<template v-slot:activator="{ on }">
<v-select
v-on="on"
label="Subject"
></v-select>
<v-btn v-on="on">
Subject
</v-btn>
</template>
<v-list subheader>
<v-subheader
class="font-weight-black overline"
>Category 1</v-subheader
>
<v-list-item
v-for="item in items"
:key="item.title"
@click="noOp"
>
<v-list-item-title
class="ml-3 body-2"
>{{
item.title
}}</v-list-item-title
>
</v-list-item>
</v-list>
</v-menu>
Как я уже упоминал выше, при нажатии на кнопку появляется всплывающий список, но при нажатии на выбор ничего не происходит. Есть ли способ сделать это?
Кроме того, как я могу захватить выбор пользователя для заполнения v-select
?
Я надеюсь, что выше все ясно.
Спасибо Вы заранее.