调用百度地图地址下拉搜索栏爬坑

调用百度地图地址下拉搜索栏爬坑

问题描述

在项目编写的过程中，我将调用百度API的部分封装成了一个组件，以便后续的调用。在组件的各项显示中，都能顺利显示，并且调用。但，我将组件调用后，发现，搜索提示栏不见了，以至于无法触发后面的事件。
关键代码

var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
   {
       "input" : "btnstart",
       "location" : this.map
  });
  var myValue ='';
  ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
   console.log(e);
   var _value = e.item.value;
   myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
   vm.startText = myValue;
   setPlace();
});

后来发现，事件激活了，但是，由于层级关系被压盖了。所以，添加样式。

问题解决

.tangram-suggestion-main{
    z-index: 9999;
  }