24 lines
572 B
JavaScript
24 lines
572 B
JavaScript
// 监听 window 的 resize 事件，返回当前窗口的宽高
|
|
import { shallowRef } from 'vue'
|
|
import { tryOnMounted, useEventListener } from '@vueuse/core'
|
|
|
|
const width = shallowRef(0)
|
|
const height = shallowRef(0)
|
|
|
|
export const useWindowResize = (cb) => {
|
|
const onResize = () => {
|
|
width.value = window.innerWidth
|
|
height.value = window.innerHeight
|
|
if (cb && typeof cb === 'function') {
|
|
cb(width.value, height.value)
|
|
}
|
|
}
|
|
|
|
tryOnMounted(onResize)
|
|
useEventListener('resize', onResize, { passive: true })
|
|
return {
|
|
width,
|
|
height
|
|
}
|
|
}
|