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