解决百度地图(new BMap.Autocomplete)影响input赋值的问题

在Vue项目中集成百度地图时,发现输入框的默认值被地图的Autocomplete功能清空,表现为默认值虽存在但不显示,需点击输入框后才显示。问题源于new BMap.Autocomplete初始化时的影响。解决方法是对Autocomplete实例调用setInputValue方法,重新设置输入框的值。这个小技巧对于处理地图组件与前端UI交互的问题有参考价值。
摘要由CSDN通过智能技术生成

在最近做的vue项目中,由于业务需求在页面中嵌入了百度地图,发现嵌入之后旁边的输入框的默认值不显示了,但是打印后发现是有值的,输入框却不显示,需要点击一下输入框才会展示

在排查之后发现是地图的Autocomplete功能影响到了,原因就是 new BMap.Autocomplete 把input置空了

//建立一个自动完成的对象
const ac = new BMap.Autocomplete({
	"input" :  “id”,
	"location" : map
});

解决办法:重新设置一下输入框的值
ac.setInputValue(‘input框的值’);

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值