//解决软键盘弹窗影响页面布局
function fixButtonShow(showBtn) {
// alert("1111")
//解决软件盘弹窗问题
const el = document.documentElement || document.body
const originHeight = el.clientHeight
window.addEventListener('resize', () => {
const resizeHeight = el.clientHeight
if (resizeHeight < originHeight) {
// console.log('键盘弹起')
showBtn = false;
} else {
showBtn = true;
// console.log('键盘收起')
// const likeArray = document.getElementsByClassName('input-hook')
// Array.from(likeArray, input => input.blur())
}
}, false)
}
解决软键盘弹窗影响页面布局(这是一个封装方法,就是使用v-show来控制显示你需要隐藏的组件)
![](https://img-home.csdnimg.cn/images/20240711042549.png)