Programmatic adjustment of search query

[kmcluckie]

Is your feature request related to a problem? Please describe.
I wish to programatically change the search value of the select component. Insead of having the user type a search query I want to assist by providing a list of words that the user can click on that is then entered as the search query. However, I am not able to access the search query of the component as it is in data.

Describe the solution you'd like
I would like a solution to be able to specify a search string to the select and then open it.

Describe alternatives you've considered
I have tried hacking around with locating the physical input and setting the value. I have also added a search slot and added a "value" prop to the input but that conflicts with the internal search value it seems. I am stuck!

Much thanks.

[runemy]

Hi. Did you find a solution on this? I have the same issue.

[kmcluckie]

Something quite awful, but when clicking on the word I want to add to the search query it calls the following method:

addWord(word) {
    this.searchPhrase = this.searchPhrase + ' ' + word;
    this.$refs['product-select'].search = this.searchPhrase;
    const inputElement = this.$refs['product-select'].$el.getElementsByTagName('input')[0];
    inputElement.focus();
},

searchPhrase is component data, product-select is the ref property on the vue-select element.

Hope that helps, but happy to hear of a better solution.