最近项目中需要使用到Bmap模糊地址查询的功能,但是发现搜索出的结果展示被遮挡。

vue中百度地图BMap.Autocomplete下拉列表遮挡问题

已经搜索到结果但是被dialog给遮挡住了。

解决方式:

需要修改autocomplete的样式,调整css z-index设置元素的堆叠顺序:

<style lang="scss">
  @import '../../styles/base';

  .tangram-suggestion {
    z-index: 9999;
  }
</style>

注意不要踩坑的是:

要去掉style标签的 scoped,这样的话重写的css样式才能生效。

修改后的效果图:vue中百度地图BMap.Autocomplete下拉列表遮挡问题



相关文章:

  • 2021-05-23
  • 2021-04-17
  • 2022-01-07
  • 2021-04-16
  • 2022-12-23
  • 2021-12-05
  • 2022-12-23
  • 2021-07-21
猜你喜欢
  • 2022-12-23
  • 2021-06-30
  • 2021-10-23
  • 2021-11-21
  • 2021-10-22
  • 2022-01-05
  • 2022-12-23
相关资源
相似解决方案