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的用法,闹了一场乌龙
Original: https://www.cnblogs.com/mmsBlog/p/16217900.html
Author: 努力努力再努力xi
Title: 在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/575376/
转载文章受原作者版权保护。转载请注明原作者出处!