<template>
<view>
<picker
mode="selector"
range-key="label"
:range="applyTypeList"
@change="pickerChange('a', 'b', 'applyTypeList', $event)"
>
<input v-model="formData.b" disabledColor="#F7F7F7" disabled placeholder="请选择" border="none"></input>
</picker>
</view>
</template>
<script>
export default {
data() {
return {
applyTypeList: [
{ label: 'A', value: 1 },
{ label: 'B', value: 2 },
{ label: 'C', value: 3 },
{ label: 'D', value: 6 },
{ label: 'E', value: 5 }
],
formData: {
a: '',
b: '',
}
}
},
methdos: {
async pickerChange(label1, label2, source, e) {
this.formData[label1] = this[source][e.detail.value].value
this.formData[label2] = this[source][e.detail.value].label
}
}
</script>
- 发布:2023-12-20 14:22
- 更新:2023-12-20 19:51
- 阅读:184
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 11.7.7
HBuilderX类型: 正式
HBuilderX版本号: 3.98
手机系统: Android
手机系统版本号: Android 13
手机厂商: 小米
手机机型: Redmi Note12 Turbo
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
真机中点击“请选择”
真机中点击“请选择”
预期结果:
弹出选择框
弹出选择框
实际结果:
无响应,控制台无报错信息
无响应,控制台无报错信息
bug描述:
在安卓13真机中点击picker组件无法弹起选择框,而在虚拟机(Genymotion)安卓12系统中picker组件可以正常弹起。
补充:使用3.99.2023121601-alpha版本进行了尝试,依旧出现上述情况。
2023.12.21 11:02 补充:
- 手机型号:小米13 Android14;HBX版本:3.98;存在问题
- 手机型号:红米K60 Android13;HBX版本:3.98;存在问题
- 手机型号:红米Note12 Turbo Android13;HBX版本:3.98;存在问题
- 手机型号:华为Meta30 鸿蒙4.0.0;HBX版本:3.99.2023121601-alpha;测试通过
- 手机型号:红米Note12 Turbo Android13;HBX版本:3.99.2023121601-alpha;存在问题
- 手机型号:小米13 Android14;HBX版本:3.99.2023121601-alpha;存在问题
d***@qq.com (作者)
使用了3.99.2023121601版本进行了尝试,安卓13系统还是无法弹出,安卓12可正常弹出
2023-12-20 18:02