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

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

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

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

把app的高度强行设置为html原本的100%，就行了。
以上内容是借鉴其他大神的