vue.js实现点击按钮和弹出层其他位置弹出层消失方法

首先想到的是直接阻止按钮和弹出层的事件冒泡，然后给document绑定事件让弹出层消失。但是显然这种方法太简单粗暴了，使用的场景也很苛刻，要求页面中只有一个弹出层效果才行，虽然不建议使用，但是也提供了一种思路。 然后想到可以检验事件的target，如果target不是按钮和弹出层就可以让弹出层消失，这也是用jQuery 的常用写法，那么关键点就是用vue.js定位到按钮和弹出层，vm.$refs可

>>阅读原文<<