Vue中点击空白区域让某个div消失

需求： 有个下拉框，下拉框选择自定义时，有个树状列表选择，再点击空白区域，树消失

选择自定义会有个树

 

 

然后就是点击空白区域让树消失

 

<div class="page" @click="clickAll" >
    ......
　　<!-- 树 -->
    <div id="idTree" v-if="isShowTree">
        <el-tree></el-tree>
    </div>
</div>

data(){
　　return{
　　　　isShowTree: false
　　}
},
methods: {
    clickAll(event){
            let one = document.getElementById('idTree')
            if (one){
                if (!one.contains(event.target)){
                    this.isShowSelectTree = false
                }
            }
     }

}    

 用.stop阻止事件冒泡

<div @click=" isShow = false ">
    ......
    <div @click.stop=" isShow = true " ></div>
</div>