1、tmplate
<input v-model="id" @blur="blurIn">
2、methods
blurIn() {
window.scrollTo(0, Math.max(this.scrollHieght - 1, 0))
}
3、computed
computed: {
scrollHeight() {
return (
document.documentElement.scrollTop ||
window.pageYOffset ||
document.body.scrollTop ||
0
)
}
}
此方式可以通过滚动scroll来解决input被输入法遮挡的问题
本文介绍了一种通过监听input元素的blur事件并滚动页面到指定位置的方法,有效避免虚拟键盘弹出时遮挡输入框的情况,提高了用户体验。
2415

被折叠的 条评论
为什么被折叠?



