【Vue】NavBar 顶部弹窗点击弹窗击空白区域关闭弹窗实现

需求场景

很常见的功能，NavBar 顶部菜单按钮点击显示弹窗击，点击页面空白区域关闭弹窗，类似 el-Popover 弹出框的效果。点击区域外自动关闭并且联动其他弹框，并且同时只能存在一个。

代码实现

template 部分

scrtpt 部分

更多细节

这个只是简单实现，更多联动需要根据实际项目来，举一反三就行。