[TOC] ## onClickOutside 元素外點擊,就會觸發時間,可用于彈框等操作 ``` <template> <div ref="target" style="width: 200px;height: 200px;;border: 1px solid #ccc"> Hello world </div> <div> Outside element </div> </template> <script> import { ref } from 'vue' import { onClickOutside } from '@vueuse/core' export default { setup() { const target = ref(null) onClickOutside(target, (event) => { // 只要在元素外點擊,就會觸發 console.log(target.value.style.display="none"); }) return { target } } } </script> ```