在用vue做移动端项目时，当有输入框时，手机自带的键盘会把原本定位在底部的内容顶起。可以通过watch document.body.clientHeight的变化进行显示或隐藏定位在底部的内容。当document.body.clientHeight变小时，隐藏即可。
for example:
data () {
return {
documentHeight:document.body.height,
showHeight:document.body.height,
isShow:true
}
}
mounted (){
window.onresize = () =>{
this.showHeight = document.body.height
}
}
watch: {
showHeight() {
if(this.documentHeight>this.showHeight){
this.isShow = false
}else{
this.isShow = true
}
}
}
html结构：
<div v-show='isShow'>
................
</div>