[Vuejs]-Dynamically open dropdown in vue

0👍

It seems they keep renaming the property to do this. In Vuetify 2.2.11 it seems to be:

this.$refs["mySelect"].isMenuActive = true;

0👍

Call focus() and set isMenuActive = true

👤wast

-1👍

1) Set v-select input ID: inputId=”vs__search”
2) Set method:

openSearch() {
    let toggleBtn = document.getElementById('vs__search');
    let dropDown = document.querySelectorAll('.filters__search.vs__dropdown-menu')[0];
    if (dropDown) {
         toggleBtn.blur();
    } else {
         toggleBtn.focus();
    }
},
👤Siviy

-2👍

If using VueSelect 2, the solution I came up with was using activate() method:

<v-select :options="options" ref="dropdown"></v-select>

mounted: function() {
   const dropdown  = this.$refs.dropdown;
   dropdown.activate()
}

Leave a comment