微信 软键盘弹起 底部遮挡

Question

在用vue开发微信网页端， 唤起软键盘时，底部会被上挤。

目前用了两种方法 均无效

1. 在mounted里 用window.onresize监听页面变化控制 显示隐藏底部， 但只执行一次后，就不执行了。
2. 给input 加focus和blur事件，来控制底部显示隐藏，但 如果手动在软键盘上 关闭键盘 底部就不显示了。

请问 有更好的办法吗

手机是小米6

Answer 1

最后还是解决了， 其实微信浏览器里，唤起软键盘后 变化的是document.body.offsetHeight的值，所以 在mounted里 监听上resize事件，就能实现需求了。