uniapp使用百度地图，调用关键字提示api（Autocomplete）问题

三无最高

于 2024-07-19 14:16:02 发布

阅读量275

点赞数 2

分类专栏：地图文章标签： uni-app

本文链接：https://blog.csdn.net/fangfujiGG/article/details/140548054

版权

地图专栏收录该内容

3 篇文章 0 订阅

订阅专栏

正常使用直接 input: ${id}就行，

但是uniapp中input后续会编译成uni+input组成，所有使用的时候需要获取到真实的input元素

代码如下

		<view id="r-result" style="width: 100%;">请输入:<input type="text" id="suggestId" v-model="text"
					placeholder="请输入内容" />
			</view>
			<view id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></view>
			
	let id = document.getElementById('suggestId')
// 这边resss是获取真实的input HTMLElement元素
					let resss = id.children[0].children[1]
					console.log(id.children[0].children[1])
					var ac = new BMapGL.Autocomplete( //建立一个自动完成的对象
						{
							"input": resss,
							"location": this.map
						});

效果如下：