onClickOutside

点击元素外触发事件

基础用法

vue

<template> <ap-button primary ref="btnRef">Box Container</ap-button> <p>counter:{{ count }}</p> </template> <script setup lang="ts"> import { onClickOutside } from 'apathia-ui' import { ref } from 'vue' const btnRef = ref(null) const count = ref(0) onClickOutside(btnRef, () => { count.value += 1 }) </script>

显示代码

参数

onClickOutside(target, handler, scope?)返回一个停止监听的函数

参数	说明	类型	默认值
target	表示作用的元素，即哪个元素之外	Ref<HTMLElement> HTMLElement	-
handler	事件处理函数	EventListener	-