vue-amp高德地图的定位图标z-index过高的解决办法

 mounted() {
    this.$nextTick(() => {
      // 处理地图定位图标的z-index 过大的问题
      console.log(window.document.getElementsByClassName('amap-geolocation-con')[0].style.cssText)
      window.document.getElementsByClassName('amap-geolocation-con')[0].style.cssText = 'position: absolute; z-index: 2; left: 10px; bottom: 20px;'
    })
  },

附vue-map学习连接

后来发现的终极大招

/deep/.amap-geolocation-con{
	position: absolute; 
	z-index: 2!important; 
	left: 10px; 
	bottom: 20px;
}

这里的！important 的意思就是优先级最高，这样比dom元素中的style的优先级要高了。
用的组件库里面有内置的style样式的都可以用！important来解决！！！