Skip to content
On this page

useClickOutside 外部点击

Hidden Title

基础用法:useClickOutside(panelRef, () => { visible.value = false })

基础用法

说明

useClickOutside 用于判断点击是否发生在指定元素外部,适合下拉面板、浮层、搜索建议、简易弹窗等场景。

调用形式

ts
const panelRef = ref<HTMLElement>()
useClickOutside(panelRef, callback)
const panelRef = ref<HTMLElement>()
useClickOutside(panelRef, callback)

参数说明

参数类型必填默认值说明
elementRefRef<HTMLElement | undefined>-要判断内外部的元素。
callback(event: MouseEvent) => void-点击外部时执行。

思云博智私有前端组件库