vue项目在ios移动端多个输入框软键盘关闭留白情况

一个div中有多个input

<div @focusout = "inputBlur" @focusin = "inputFocus"> <input type="number > <input type="number > <input type="number > </div>

添加如下方法

inputBlur(e) { // 首先，判断触发事件的目标元素是否是input输入框，我们只关注输入框的行为。 if (e && e.target && e.target.tagName && e.target.tagName.toLowerCase() === 'input') { // 输入框失去焦点，要把IOS键盘推出页面的滚动部分还原。即将页面滚动到视窗顶部对齐 this.timer = setTimeout(() => { window.scrollTo(0,0); }, 0) } }, inputFocus(e) { // 如果focus，则移除上一个输入框的timer if (e && e.target && e.target.tagName && e.target.tagName.toLowerCase() === 'input') { clearTimeout(this.timer); } }