v-resize-qww

自定义指令 + Hook

通过自定义指令 v-resize 和 useResize Hook 实现窗口大小变化的监听和处理

• 使用 ResizeObserver 监听窗口大小变化

用法

• 使用自定义 Hook useResize 监听元素大小变化时需要传入两个参数

  • el：需要监听的元素，可以是 document.documentElement 或 document.body
  • callback：元素大小变化时的回调函数

• 使用自定义指令 v-resize 时需要使用 v-resize="callback" 的形式

  • callback：元素大小变化时的回调函数
  • 要使用自定义指令，需要先在应用实例上使用 useResize 进行注册：app.use(useReize)