vue echarts 拖拽事件和点击事件冲突

需求：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（）后执行