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



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

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

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

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

此外,当我从API获得结果时,我得到了国家id,我想根据id设置该值

这是样品小提琴

任何帮助都将不胜感激。

从"自动完成"下拉列表中选择建议时,它不仅选择idname,还选择整个对象{...}

因此,一旦您选择了它,您就应该能够从那时起选择要使用的字段,在您的情况下,就是id

在其中一个示例的Codepen中,您可以看到整个对象被选中-https://codepen.io/pen?&可编辑=真&编辑器=101

你确定你只得到id而不是整个对象吗?

最新更新