[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> ```