elementUI/element-plus el-autocomplete多属性对象数组el-autocomplete-suggestion选中不回显文本框的解决办法。

本文主要讲述了在使用el-autocomplete组件时遇到的问题,包括数据格式要求必须包含value和label属性,以及正确配置value-key属性以匹配数据对象的值属性,确保数据与组件需求匹配,避免错误选项出现。
摘要由CSDN通过智能技术生成

问题主要原因:

  1. 数据格式不匹配:确保数据与组件期望的数据格式相匹配。el-autocomplete组件的数据源要求是一个包含valuelabel属性的对象数组。确保你的数据中的每个对象都包含这两个属性,并与组件所需的数据格式一致。

  2. 错误的选项属性:在组件中,有一个名为value-key的属性,用于指定建议对象中作为值的属性名。默认情况下,它是value(也就是官方案例中的loadAll中的value)。确保你在el-autocomplete组件上正确地设置了value-key属性,以匹配你的数据对象中用作值的属性名。如下图如果返回的数据中没有名为value的属性,则需要在组件中绑定对应的属性。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值