解决vue cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

在用vue-cli脚手架搭建手机H5页面应用的时候,其中一页中部有input,底部有position:absolute;bottom:0的元素, 当点击input框时在安卓手机上出现了: 1 虚拟键盘弹出盖住input 2 底部定位的元素被挤上来 网络上很多关于body设定宽高以及scrolltop的方法都不管用,因为这里是路由页面,根据网上的思路,吊起输入键盘的时候页面的高度是变化的,监听[removed],判断是否吊起键盘,然后设定底部模块的隐藏和显示,整个块元素的margintop就可以实现了。 代码如下 mounted () { this.clientHeight =