blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 05:42:44 +08:00
Code Issues Projects Releases Wiki Activity

fix(@vant/use): allow to call useWindowSize outside setup (#9834)

Browse Source
This commit is contained in:
neverland 2021-11-11 16:54:04 +08:00 committed by GitHub
parent 79146db9d5
commit a9ce9096e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/vant-use/src/useWindowSize/index.ts
View File

@ -1,6 +1,5 @@
import { ref, Ref } from 'vue';
import { inBrowser } from '../utils';
import { useEventListener } from '../useEventListener';
let width: Ref<number>;
let height: Ref<number>;
@ -10,16 +9,16 @@ export function useWindowSize() {
width = ref(0);
height = ref(0);
const update = () => {
if (inBrowser) {
if (inBrowser) {
const update = () => {
width.value = window.innerWidth;
height.value = window.innerHeight;
}
};
};
update();
useEventListener('resize', update);
useEventListener('orientationchange', update);
update();
window.addEventListener('resize', update, { passive: true });
window.addEventListener('orientationchange', update, { passive: true });
}
}
return { width, height };