<template>
<view>
<view style="padding: 15rpx;">
<uni-easyinput v-model="codeValue" :focus="isFocus == 0" :placeholder="`请输入或扫描`" @confirm="onConfirm" />
</view>
<view style="padding: 15rpx;">
<uni-easyinput v-model="codeValue1" :focus="isFocus == 1" :placeholder="`请输入或扫描`" @confirm="onConfirm1" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
isFocus: 0,
codeValue: '',
codeValue1: ''
}
},
methods: {
onConfirm() {
this.isFocus = -1
uni.showLoading()
setTimeout(() => {
uni.hideLoading()
this.isFocus = 1
}, 2000)
},
onConfirm1() {
this.isFocus = -1
uni.showLoading()
setTimeout(() => {
uni.hideLoading()
this.codeValue = ''
this.codeValue1 = ''
this.isFocus = 0
}, 2000)
},
}
}
</script>
<style>
</style>
- 发布:2022-11-04 11:19
- 更新:2023-05-08 09:46
- 阅读:388
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: Alpha
HBuilderX版本号: 3.6.8
手机系统: Android
手机系统版本号: Android 10
手机厂商: 商米
手机机型: PDA
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
PDA扫描头扫码会出现这个焦点消失、文本选中状态这个问题,键盘确认按钮可以正常切换焦点
PDA扫描头扫码会出现这个焦点消失、文本选中状态这个问题,键盘确认按钮可以正常切换焦点
预期结果:
焦点按条件切换输入框
焦点按条件切换输入框
实际结果:
焦点消失、文本选中状态
焦点消失、文本选中状态
孝杰 (作者)
升级版本,问题太多了
2023-06-16 10:23