「vue3」useCssVar 无法初始化值

查看 32|回复 0
作者:wdssmq   
我发完贴回去刷新了一下就发现 initialValue 生效了。。Why ???????
所以下一个问题是,手机松开滑动时才会响应 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/
您需要登录后才可以回帖 登录 | 立即注册

返回顶部