u-search和input输入框输入结束回车后重新获取光标问题

分类：uni-app

bug反馈 cursor

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10专业版

HBuilderX类型：正式

HBuilderX版本号： 3.98

手机系统： Android

手机系统版本号： Android 7.1.1

手机厂商：商米

手机机型： sunmiL2

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

            <view class="u-page__button-item">  
                <u-button text="查询" @click="getinfo()" size="normal" type="primary"  
                    style="margin-top: 20rpx;"></u-button>  
            </view>  
        </view>  
    </view>

操作步骤：

1

预期结果：

1

实际结果：

1

bug描述：

要实现的功能是，在输入框输入条码数字回车确认触发请求查询事件请求得到数据，完成后光标重新定位在输入框可以直接再次用扫描头扫描输入，在H5端功能实现正常，但是编译成APP，输入条码进行查询后光标可以返回在输入框闪，但是无法输入，只能在输入框再点一下才能再实现输入

2023-12-09 11:48 负责人:无分享

1 个回复

喜欢技术的前端 - QQ---445849201

重新聚焦时，这样写试试  
this.$nextTick(()=>{  
    this.focus = true  
})  
<template>  
    <div>  
        <input :focus="focus"  v-model="inputValue" @blur="blurFun" />  
        <button @click="moveCursorToEnd">光标</button>  
    </div>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                focus:false,  
                inputValue:''  
            };  
        },  
        methods: {  
            blurFun(){  
                this.focus = false  
            },  
            moveCursorToEnd() {  
                this.$nextTick(()=>{  
                    this.focus = true  
                })  
            }  
        }  
    };  
</script>

要回复问题请先登录或注册

u-search和input输入框输入结束回车后重新获取光标问题

操作步骤：

1

预期结果：

1

实际结果：

1

bug描述：

1 个回复

公告

相关问题

u-search和input输入框输入结束回车后重新获取光标问题

操作步骤： 1

预期结果： 1

实际结果： 1

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

1

预期结果：

1

实际结果：

1