实现点击页面其他部分隐藏指定div

实现点击其他部分隐藏某个div
一、在点击展示的元素上设置@click.stop=""

<div class="proTitle" @click.stop="showModel()" style="width:250px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: flex;align-items: center;">
       <span type="text" class="" id="name"  style="font-family:Microsoft YaHei;font-size:20px;color:#353535;font-weight:bold" >{{name}}</span>
         <div class="rightLabel" style="display: flex;align-items: center;margin-left:10px"  ><i class="awsui-iconfont" style="font-size:12px">&#xe716;</i></div>
    </div>

二、mounted中设置点击事件

$(document).off("click").on("click",(event)=>{
        this.showFlowLib=false
      })

三、methods中设置方法

showModel(){
        this.showFlowLib = true
    },