vue下拉框如何点击其他区域收起

一个下拉组件，如图，想要点击除这个组件的任何其他区域收起这个菜单，vue该怎么做？

---

ready() {
   document.addEventListener('click', (e) => {
       if (!this.$el.contains(e.target)) this.show = false
   })
}

---

vue 可以直接绑定blur事件 当当前对象失去焦点时 触发自定义动作

---

1.弹出框v-if="isShow"判断
2.单击时@click="doClick()"
事件:默认(初始化)isShow为false,单击时isShow=!isShow

---

这个下拉框是个div或其他什么吧，应该有个用于展示的class吧，这个class应当对应data里面的一个数据吧，修改对应的这个数据不就行了。