基于vue开发的微信公众号ios系统中的一点坑儿

问题描述：input框在页面中下位置时：点击输入框时ios系统输入法将浏览器整个推上去，关闭输入法时整个浏览器还是在一种被推上去的状态，需要手动下拉下页面将浏览器重置为正常状态。

解决方法：选择所有的input框，对其添加"聚焦"和"失焦"事件监听，"聚焦"时给该单页面添加"paddingBottom"，"失焦"时重置样式，可以自动让浏览器重置为正常状态。

let that = this;
// 解决ios输入框将网页顶起导致其他元素脱离dom流问题
document.querySelectorAll("input").forEach(element => {
    element.addEventListener("focus", function() {
    that.$refs.pagebox.style.paddingBottom = "1px";
  })
  element.addEventListener("blur", function() {
    that.$refs.pagebox.style.paddingBottom = "0";
  })
})