Как связать значение идентификатора, но отображать значение имени с помощью автозаполнения Buefy?

Question

Я пытаюсь интегрировать автозаполнение Buefy на моем сайте.Мои данные - это массив объектов, каждый из которых содержит целочисленный идентификатор и имя строки.Примерно так:

countries : [
    {
        id: 1
        name : 'Country 1',
    },
    {
        id: 2
        name : 'Country 2',
    },
]

Как указано в документации, свойство field используется для отображения в качестве выбранного значения и возвращает то же значение

. Я хотел бы использовать свойство name какотображаемый текст, но id в качестве выбранной опции.

Также, когда я получаю результат от API, я получаю страну id, и я хотел бы установить значение на основе id

Вот образец скрипка

Любая помощь будет оценена.

Answer 1

Когда вы выбираете предложение из выпадающего списка автозаполнения, оно не просто выбирает id или name, но и выбирает весь объект {...}.

Таким образом, выбрав его, вы сможете выбрать, какое поле вы хотите использовать, в вашем случае, id.

В Codepen одного изВ примерах вы можете видеть, что выделен весь объект - https://codepen.io/pen?&editable=true&editors=101

Вы уверены, что получаете только id, а не весь объект?