移动端h5页面软键盘弹出后 背景图片被顶上去

移动端h5页面在软键盘弹出后，body的高度被压缩了，就导致原本高度100%的背景图被顶上去一截，需要把div的高度强行设回100%才能解决这个问题

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

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