如何使用Buefy Autocomplete绑定ID值但显示名称值？

Question

我正在尝试将Buefy Autocomplete集成到我的网站中。我的数据是一个对象数组，每个对象包含一个整数ID和一个字符串名称。像这样

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

正如文档所述，field属性用于显示为所选值并返回相同的值

我想使用name属性作为显示文本，但使用id作为所选选项。

另外，当我从API获取结果时，也会得到国家/地区id，并且我想基于id设置值

以下是示例fiddle

任何帮助将不胜感激。

Answer 1

从“自动完成”下拉列表中选择建议时，它不仅会选择id或name，还会选择整个对象{...}。

因此，一旦选择了它，您就应该可以从那里选择要使用的字段，例如id。

在其中一个示例的Codepen中，您可以看到选中了整个对象-https://codepen.io/pen?&editable=true&editors=101

您确定只得到id而不是整个对象吗？