Asurazzx
Asurazzx
  • 发布:2022-10-18 18:25
  • 更新:2022-11-23 13:18
  • 阅读:1116

【报Bug】uni-app 多个input框时,页面首次进入,第一个可以使用focus。要跳到第二个input时,使用回车,focus无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: HBuilderX3.6.7-alpha

HBuilderX类型: Alpha

HBuilderX版本号: 3.6.7

手机系统: Android

手机系统版本号: Android 7.1.1

手机厂商: 模拟器

手机机型: 夜深模拟器

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<div >
<view >
<view class="title">货架号:</view>
<input v-model="form.rackNo" :focus="focus1" ref="input1" class="uni-input" name="input" @confirm="input1Confirm" />
<view class="title" id="lbl">储格号:</view>
<input v-model="form.bincode" :focus="focus2" ref="input2" class="uni-input" name="input2" />
</view>
</div>
</template>

<script>
export default {
data() {
return {
form:{
rackNo: '',
bincode: ''
},
focus1:false,
focus2:false
}

    },  
    onLoad() {  
    },  
    onReady(){  

    },  
    created(){  
        this.focus1=true;   
    },  
    methods: {  
        input1Confirm(){  
            uni.hideKeyboard();  
            var me=this  
            this.$nextTick(function(){  
                me.focus2=true  
            })  
        },  
        tmpeClick(e){  

        }  
    }  
}  

</script>

<style>

</style>

操作步骤:

第一个input输入内容,按回车,当触发input1Confirm时,第一个input框内容变成全选

预期结果:

第一个input输入内容,按回车,当触发input1Confirm时,光标可以定位到第二个input框

实际结果:

第一个input输入内容,按回车,当触发input1Confirm时,第一个input框内容变成全选

bug描述:

页面中多个input框,首次进入页面的时候,第一个文本框可以定位,使用focus。但是跳到第二个文本框的时候,会变成全选,使用focus无效

2022-10-18 18:25 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

如下代码测试没有问题,请检查代码逻辑或提供测试工程

<template>  
    <view>  
        <input class="my-input" type="text":focus="testFocus1" @confirm="input1confirm">  
        <input class="my-input" type="text" :focus="testFocus2" @confirm="input2confirm">  
        <input class="my-input" type="text" :focus="testFocus3">  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                testFocus1: true,  
                testFocus2: false,  
                testFocus3: false  
            }  
        },  
        methods: {  
            input1confirm(){  
                this.testFocus1 = false  
                this.testFocus2 = true  
            },  
            input2confirm(){  
                this.testFocus2 = false  
                this.testFocus3 = true  
            }  
        }  
    }  
</script>
  • huoshidehua

    有个鸟用啊!在真机上测试 没鸟用 是不是新版本有问题啊 非常难用 这垃圾玩意儿

    2022-11-03 15:28

  • 无敌啊啊

    回复 huoshidehua: 你这个解决了吗 更新版本以后 遇到了 很头疼

    2022-11-23 15:09

  • 无敌啊啊

    你这个可以在最新的版本上 跑一下。没用

    2022-11-23 15:09

无敌啊啊

无敌啊啊

我现在也有这个BUG 以前的版本是好的

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