在较长的表单中,页面可能需要滑动, 在这种情况下,在苹果手机上使用Input显示正常,但是在安卓手机上就会出现输入内容上移错位的问题,严重影响使用
需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动
html
<scroll-view scroll-y="{{isScroll}}" style="height: 100vh;">
<input type="digit" @focus="bindfocus" @blur="closeblur" />
</scroll-view>
javascript
// 获取焦点事件
bindfocus(){
this.isScroll = false
},
// 失去焦点事件
closeblur() {
this.isScroll = true
}