vue当鼠标失焦的时候判断鼠标是否在某个div上

前提说明：el-input失焦后判断鼠标是否位于名称的div上，如果在就不隐藏名称的div，如果不在就隐藏div

  <el-input  @blur="blurN(scope.$index,$event)"/>
  <div  @mouseover="onName=true"  @mouseout="onName=false"> </div>


 data() {
    return {
      onName:false,
    }
  }


 blurN(i){
   if(this.onName){
        this.showNTable=i
      }else{
        this.showNTable=-1
      }
  },