安卓html输入框推起页面,【报Bug】通过focus属性动态设置input框聚焦,弹出软键盘后页面不会自动上推,页面底部的输入框会被键盘遮挡...
产品分类:uniapp/AppPC开发环境操作系统:WindowsPC开发环境操作系统版本号:Win10专业版 1809HBuilderX类型:正式HBuilderX版本号:2.7.9手机系统:Android手机系统版本号:Android 9.0手机厂商:小米手机机型:Redmi Note 7页面类型:vuenvue编译模式:fast打包方式:云端项目创建方式:HBuilderX示例代码:部分代码
产品分类:
uniapp/App
PC开发环境操作系统:
Windows
PC开发环境操作系统版本号:
Win10专业版 1809
HBuilderX类型:
正式
HBuilderX版本号:
2.7.9
手机系统:
Android
手机系统版本号:
Android 9.0
手机厂商:
小米
手机机型:
Redmi Note 7
页面类型:
vue
nvue编译模式:
fast
打包方式:
云端
项目创建方式:
HBuilderX
示例代码:
部分代码示例如下,详情请查看附件完整代码:
动态设置焦点,软键盘打开后没有自动上推页面
点击设置聚焦
export default {
data() {
return {
title: 'Hello',
focus: false
}
},
methods: {
setFocus: function() {
this.focus = false;
this.$nextTick(function() {
this.focus = true;
})
}
}
}
操作步骤:
1、在页面底部创建一个input组件,并设置focus属性为true,进入页面后自动聚焦到了输入框,但是页面没有上推,输入框被软键盘遮挡。
2、手动点击输入框聚焦,可以看到页面整体上推,输入框不会被软键盘遮挡。
预期结果:
通过动态设置input的focus属性聚焦时,页面应该整体上推,避免输入框被软键盘遮挡
实际结果:
通过动态设置input的focus属性聚焦时,页面没有上推,输入框被软键盘遮挡
更多推荐
所有评论(0)