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


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

解决方式:

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

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

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

注意不要踩坑的是:

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

修改后的效果图:



Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐