vue中百度地图BMap.Autocomplete下拉列表遮挡问题
最近项目中需要使用到Bmap模糊地址查询的功能,但是发现搜索出的结果展示被遮挡。
已经搜索到结果但是被dialog给遮挡住了。
解决方式:
需要修改autocomplete的样式,调整css z-index设置元素的堆叠顺序:
<style lang="scss"> @import '../../styles/base'; .tangram-suggestion { z-index: 9999; } </style>
注意不要踩坑的是:
要去掉style标签的 scoped,这样的话重写的css样式才能生效。
修改后的效果图: