移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法

<div class="main" :style="{ height: bodyHeight + 'px' }">
</div>

mounted(){
 this.bodyHeight=document.documentElement.clientHeight
}