Блог

Я хотел бы сделать выбор ввода, который сможет выполнять поиск элементов в источнике данных. Согласно документации для выбора, кажется, что это невозможно сделать с помощью компонента select. Я попытался использовать компонент автозаполнения вместо него, но он не работает. Код с обоими примерами находится здесь. ни один из них не работает должным образом (выберите с помощью поиска с ключом в качестве значения v-модели)

 <b-autocomplete
    v-model="company.country"
    :data="selectCountries"
    :field="value"
    :keep-first="keepFirst"
    placeholder="Select country"
    :open-on-focus="openOnFocus"
<b-field label="Find a name">
    @select="option => (selected = option)"
    :clearable="clearable"
>
</b-autocomplete>
    </b-field>
    <b-select v-model="company.location" expanded>
        <option v-for="option in selectCountries"
            :value="option.key"
            :key="option.key">
            {{ option.value }}
        </option>
    </b-select>
</field>
...
data() {
    return {
        selectCountries: [
            {"value": "slovakia", "key": "SK"}, {"value": "England", "key": "EN"}
        ],
    }
}