产品分类:

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属性聚焦时,页面没有上推,输入框被软键盘遮挡

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐