uni-app HX3.3.1版本vue android和ios input输入框不能输入

uni-app HX3.3.1版本vue android和ios input输入框不能输入

开发环境 版本号 项目创建方式
Mac 12.1 HBuilderX

测试过的手机

all

示例代码：

<template>  
    <view>  
        <view>  
            <text>成交单价:</text>  
            <input type="number" placeholder="请输入成交单价"/>  
        </view>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  
<style>  
</style>

操作步骤：

mark

预期结果：

mark

实际结果：

mark

bug描述：

首先说明一下，input和textarea 都会出现这个不能输入的问题，只在3.3.1版本出现，回退到3.3.0版本打包又完全正常。

现有两个vue页面：A，B（有戴测试的input），流程是在A中点击按钮跳转到B页面。

问题：

  1. 启动app后第一次点击A中的按钮跳转到B页面，
    1. input可以弹出输入键盘，也可以输入内容；
    2. 通过v-model设置来动态显示input能看见input框，但是点击输入框不能弹出键盘，也不能输入，（如果提前在手机粘贴板上有内容，长按在出现粘贴后也可以显示在输入框中）；
  2. 启动app后第二次后的多次，点击A中的按钮跳转到B页面，
    1. input不能弹出输入键盘，也不能输入内容；
    2. 通过v-model设置来动态显示input能看见input框，但是点击输入框不能弹出键盘，也不能输入，（如果提前在手机粘贴板上有内容，长按在出现粘贴后也可以显示在输入框中）；

A跳转到B页面就是使用：uni.navigateTo({url:’/pages/B’}); 本来已经录制了视频，但是视频中没有点击的动作，故就不提交附件了，如需要，可加QQ，录制视频重现。


更多关于uni-app HX3.3.1版本vue android和ios input输入框不能输入的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

刚才又新建了一个测试项目，测试没有问题，但是我自己的项目已经精简到最简单还是有此问题。
另外不管怎么精简，都是使用uni.navigateTo跳转的，B页面已经在上面提供了代码。
希望大神能给出如何找到问题在哪里？

更多关于uni-app HX3.3.1版本vue android和ios input输入框不能输入的实战教程也可以访问 https://www.itying.com/category-93-b0.html


alpha版本么?

跟我的问题差不多, 估计一个问题 https://ask.dcloud.net.cn/question/136394 ,3.31版本

嗯，看样子真是一样的问题

你input在b页面 a跳b也会出现这个问题?

题意，就是A跳B，input在B页面

请提供可复现问题的demo示例

这是一个已知的HBuilderX 3.3.1版本在iOS和Android平台上的兼容性问题。主要原因是该版本在底层对input和textarea组件的焦点处理机制进行了调整，导致在页面跳转后，输入框无法正常获取焦点并弹出键盘。

临时解决方案：

  1. 降级HBuilderX版本：暂时回退到3.3.0或更早的稳定版本进行打包发布，这是目前最直接有效的方法。

  2. 使用setTimeout延迟焦点获取：在页面onShow生命周期或输入框的@focus事件中，使用setTimeout包裹获取焦点的逻辑。

    onShow() {
  setTimeout(() => {
    this.$refs.myInput.focus()
  }, 100)
}
回到顶部