Options not updating

[keizah7]

• Vue Version: 3.2.41
• Vue Select Version: 4.0.0-beta.5

For unknown reason select stops updating options even vue dev tools shows that options is changing.

It's shows that where is no options, when it is some.. Why?

console.log prints new data, but select isn't showing options

<template>
<div>
    <v-select
        v-model="value"
        :options="options"
        :placeholder="placeholder"
        label="title"
        @search="onSearch">
    </v-select>
</div>
</template>
...

        onSearch (search) {
            if (search.length) {
                this.search(search, this);
            }
        },
        search: _.debounce((search, vm) => {
            const autocomplete = new google.maps.places.AutocompleteService()
                .getQueryPredictions({ input: search }, (predictions, status) => {
                    if (status != google.maps.places.PlacesServiceStatus.OK || !predictions) {
                        return;
                    }

                    let data = [];

                    predictions.forEach((prediction) => {
                        data.push({
                            id: prediction.place_id,
                            title: prediction.description,
                        });
                    });

                   console.log(data);
                    vm.options = data;
                });
        }, 1000),

https://user-images.githubusercontent.com/49227202/197552521-c9ef4261-7d60-4813-a850-aaf4e76401fc.mov

https://user-images.githubusercontent.com/49227202/197552695-48a736f6-b1d3-47a7-833a-9f8d7318fab2.mov

[sagalbot]

Can you post a full reproduction link that I can look at?

[keizah7]

Thank you! Looks like filterable property solved my problem

https://vue-select.org/guide/ajax.html#disabling-filtering