需求:echarts地图单击地图外的区域时,需要返回上一级。
地图需要放大时候进行拖拽,鼠标松开后,还是会返回上一级
<div id="parent" @click="closeMap" @mousedown="mousedown" >
<div v-if="!flagMap" id="chartDs" ref="totalChart" style="width: 900px;height: 900px;margin-left:0;" ></div>
</div>
data() {
return {
firstTime: '', //开始时间
lastTime: '',
}
},
methods: {
mousedown(){
this.firstTime = new Date().getTime();
},
closeMap() {
this.lastTime = new Date().getTime();
//>200毫秒
if(this.lastTime - this.firstTime > 200){
}else {
//调用地图
this.flagMap = true
this.getChart3()
}
this.firstTime = ''
this.lastTime = ''
}
}
打印出来:mousedown()方法先执行,closeMap()后执行