所以下一个问题是,手机松开滑动时才会响应 resize 事件,,有什么方案优化么?
手机端的 100vh 和实际并不一致,会被浏览器自身的底部工具条遮挡,所以用了 window.innerHeight * 0.01 自动计算,然而加载完成后并不能成功初始化;
// const vhSize = useCssVar('--vhSize', appLeft, { initialValue: GetVh() })
const vhSize = useCssVar('--vhSize', appLeft, { initialValue: '7.56px' })
// 上边 initialValue 指定不生效
const setVhSize = () => {
vhSize.value = GetVh()
}
// setVhSize()
// 无论是这样直接调用还是写在 onMounted() 里都不管用
// 这里响应窗口变化到是正常
useEventListener(window, 'resize', (event) => {
setVhSize()
})
useCssVar | VueUse 中文文档:
http://www.vueusejs.com/core/useCssVar/