useEventListener

事件监听器Hook

前置依赖

依赖参数

参数名	类型	说明
deps.vue.onMounted	(fn: () => void) => void	Vue的onMounted钩子
deps.vue.onUnmounted	(fn: () => void) => void	Vue的onUnmounted钩子

使用示例

import { ref, onMounted, onUnmounted } from 'vue'
import { useEventListener } from 'zcw-shared/hooks/useEventListener'

const buttonRef = ref<HTMLElement>()

// 监听元素事件
useEventListener(
  buttonRef,
  'click',
  (event) => {
    console.log('按钮被点击', event)
  },
  {},
  { vue: { onMounted, onUnmounted } }
)

// 监听 window 事件
useEventListener(
  window,
  'resize',
  () => {
    console.log('窗口大小改变')
  },
  {},
  { vue: { onMounted, onUnmounted } }
)