実現したいこと
vuetify3のv-selectを使用していますが、初期表示の際プルダウンの一覧が出力された状態にしたいです。
発生している問題・エラーメッセージ
focusは当たるが、プルダウンのリストが表示された状態にならない
該当のソースコード
typescript
1<template> 2 <v-select 3 ref="editorSelect" 4 :items="datas" 5 item-title="name" 6 item-value="id" 7 multiple 8 chips 9 density="compact" 10 style="width: 100%" 11 ></v-select> 12</template> 13 14<script lang="ts"> 15export default defineComponent({ 16... 17 setup(props, {emit}) { 18 const openDialog = async() =>{ 19 editorSelect.value.focus() 20 editorSelect.value.isOpen = true ←画面が開いたときにプルダウンの一覧が開いた状態にしたい 21 } 22 23 const editorSelect = ref<VSelect>; 24 return { 25 editorSelect 26 } 27 } 28}) 29</script> 30
試したこと
https://github.com/sagalbot/vue-select/issues/872
https://vuetifyjs.com/ja/components/selects/#chips
補足情報(FW/ツールのバージョンなど)
Vue3
vuetifyjs3
よろしくお願いします。
自己解決です。
editorSelect.value.menu = true
で行けました。

回答1件
あなたの回答
tips
プレビュー