uniapp v2开发app，怎么动态修改css变量

分类：uni-app

css样式 uniapp

我在使用uniapp vue2开发app的过程中，css中使用了height: calc(140px + var(--status-bar-height));
但是--status-bar-height这个值不会随着屏幕旋转而自动改变，我现在已经通过监听旋转获取到了新的数值，问题是怎么把值赋给--status-bar-height？
网上搜到了document.documentElement.style.setProperty('--status-bar-height', e.statusBarHeight+'px');
但是似乎是app环境不支持document，所以没法使用