在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题

2023-03-14,,

let ac = new BMap.Autocomplete({
"input": document.querySelector('input'),
"location": map
})

只贴出创建 Autocomplete 实例的代码,原来用官网的创建代码死活取不到值


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

后来百度了下别人的代码

let ac = new BMap.Autocomplete({
"input": this.$refs.suggestInput.$el.querySelector('input'),
"location": map
})
// 在input的属性改为取页面上的input标签

我以为 $el.querySelector('input') 中的input是获取页面id为input的元素,然后改成了我页面上自己的名称,发现没作用

后来我想了下,如果用到querySelector的话,应该可以用document.querySelector()来获取页面上的元素,然后将代码改成

let.ac = new BMap.Autocomplete({
"input": document.querySelector('input'),
"location": map
})

发现凑效了,输入框可以弹出自动补全的信息。然后再改成原来别人代码里写的 $el.querySelector('input')发现也可以了,原来一直是我理解错了querySelector的用法,闹了一场乌龙

在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题的相关教程结束。

《在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题.doc》

下载本文的Word格式文档,以方便收藏与打印。