vue.js實現點擊按鈕和彈出層其他位置彈出層消失方法

首先想到的是直接阻止按鈕和彈出層的事件冒泡，然後給document綁定事件讓彈出層消失。但是顯然這種方法太簡單粗暴了，使用的場景也很苛刻，要求頁面中只有一個彈出層效果才行，雖然不建議使用，但是也提供了一種思路。 然後想到可以檢驗事件的target，如果target不是按鈕和彈出層就可以讓彈出層消失，這也是用jQuery 的常用寫法，那麼關鍵點就是用vue.js定位到按鈕和彈出層，vm.$refs可

>>阅读原文<<