1***@qq.com
1***@qq.com
  • 发布:2022-03-16 13:42
  • 更新:2022-05-19 15:08
  • 阅读:586

【报Bug】扫码后input输入框无法聚焦

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windwos10

HBuilderX类型: 正式

HBuilderX版本号: 3.3.13

手机系统: Android

手机系统版本号: Android 5.1

手机厂商: 模拟器

手机机型: 雷电模拟器3.103

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="content">  
        <input style="border: 1px #007AFF solid;" v-model="value"  :focus="focusState" placeholder="请输入或扫码物料条码"  
                                @blur="blur" @focus="focus" />  
        <view @click="scan">  
            扫描  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                focusState:true,  
                value: ''  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            blur(){  
                this.focusState=false  
                console.log("blur");  
            },  
            focus(){  
                this.focusState=true  
                console.log("focus");  
            },  
            scan(){  
                uni.scanCode({  
                    success: (res) => {  
                        console.log("success");  
                        this.value = res.result  
                        this.focusState=true  
                    }  
                    })  
            }  
        }  
    }  
</script>

操作步骤:

新建项目将代码示例复制进去就可以运行,点击扫描任意二维码成功

预期结果:

点击扫码成功后,input输入框输入的光标正常出现,触发focus对应方法

实际结果:

点击扫码成功后,发现input输入框没有聚焦成功,输入的光标未出现,focus对应方法未执行,但是在点击界面任意位置,blur对应的方法却执行了

bug描述:

扫码后input输入框无法聚焦

2022-03-16 13:42 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com - test

请问,这个问题,有解决方案了吗?

该问题目前已经被锁定, 无法添加新回复