vue中如何实现点击其他地方关闭modal

Question

如图中所示，点击其他地方如何关闭这个弹出层，用jquery操作起来很简单，我想知道在vue中实现这个功能的
思路是什么？

Answer 1

当弹出modal的时候，在modal下面写一个遮罩层overlay, css样式为position: fixed; top: 0; right: 0; bottom: 0; left: 0;并在其上面绑定一个点击事件关闭modal

Answer 2

可以在全局绑定一个点击事件，在这个弹出层上阻止点击事件的冒泡，就可以达到你想要的效果。

Answer 3

如果引入jquery的话，就用jquery的写法在当前组件上面写，否则就自己写原生事件了。
可以参考element.ui 的popover组件的相关写法63行。