一、下拉菜单点击菜单外区域菜单收起

下拉菜单点击菜单外区域菜单收起

这个效果的实际应用场景是在input输入框内点击后，下拉组织树菜单，点击组织树菜单外的区域可以收起菜单。
*html中*
<template>
    <div v-show = "tree" @click.stop = "void:0" ref = "ztree">
    </div>
<template>

*js中*
mounted(){
    document.addEventListener('click',() => {
        this.tree = false
    })
}

这个功能代码虽然简单，但是巧妙的运用了.stop，通过阻止冒泡来达到想要的目的。

附上一段.stop的解释及相关内容（from：vue官网）
事件修饰符 .stop，阻止单击事件继续传播