vue中點擊一個盒子顯示樣式，現(xiàn)在要點擊盒子之外的空白處，讓樣式隱藏，應(yīng)該添加什么事件？

參考鏈接:https://blog.csdn.net/qq_4020...

思路：
給文檔添加一個點擊事件，點擊文檔的時候，讓樣式隱藏；
給盒子添加一個點擊事件，點擊盒子的時候，讓樣式顯示，并且阻止事件的冒泡，這樣就不會執(zhí)行文檔的點擊事件了。

代碼：

document.addEventListener('click', function (e) {
  // 樣式隱藏操作
}, false)
// 給盒子元素的@click添加.stop修飾符，也就是@click.stop

獲取鼠標點擊的位置，判斷鼠標點擊的位置，是否在盒子的區(qū)域內(nèi)，在盒子區(qū)域內(nèi)，顯示樣式，不在盒子區(qū)域內(nèi)就隱藏