v-resize-qww
v0.0.1
Published
## 通过自定义指令 v-resize 和 useResize Hook 实现窗口大小变化的监听和处理
Downloads
1
Readme
自定义指令 + Hook
通过自定义指令 v-resize 和 useResize Hook 实现窗口大小变化的监听和处理
- 使用
ResizeObserver
监听窗口大小变化
用法
使用自定义 Hook
useResize
监听元素大小变化时需要传入两个参数el
:需要监听的元素,可以是document.documentElement
或document.body
callback
:元素大小变化时的回调函数
使用自定义指令
v-resize
时需要使用v-resize="callback"
的形式callback
:元素大小变化时的回调函数- 要使用自定义指令,需要先在应用实例上使用
useResize
进行注册:app.use(useReize)