promisePluse
promisePluse
  • 发布:2023-06-08 09:21
  • 更新:2023-06-08 09:21
  • 阅读:310

【报Bug】picker组件在我自定义组件中使用多个,浏览器上调试能触发change事件,手机上真机调试不触发。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

手机系统: Android

手机系统版本号: Android 14

手机厂商: 华为

手机机型: nova 5 Pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<view class="popup_item flex_space"> <view class="">问题类别</view> <view class="desc flex"> <picker @change="qualityPickerChange" @columnchange="test" value="problemIndex" range="problemType" range-key="QuestionTypeName"
>
<view class="uni-input" v-if="problemIndex || problemIndex == 0">{{
problemType[problemIndex].QuestionTypeName
}}</view>
<view class="picker_img" v-else>请选择</view>
</picker>
<u-image
class="icon" showLoading="true" src="@/static/image/pblic/xiayibu.png"
width="28rpx"
height="28rpx"
></u-image>
</view>
</view>
<view class="popup_item flex_space">
<view class="">问题原因</view>
<view class="desc flex">
<picker
@change="problemPickerChange" value="reasonIndex" range="problemList" range-key="QuestionName"
>
<view class="uni-input" v-if="reasonIndex || reasonIndex == 0">{{
problemList[reasonIndex].QuestionName
}}</view>
<view class="picker_img" v-else>请选择</view>
</picker>
<u-image
class="icon" showLoading="true" src="@/static/image/pblic/xiayibu.png"
width="28rpx"
height="28rpx"
></u-image>
</view>
</view>
<view class="popup_item flex_space">
<view class="">问题描述</view>
<view class="desc">
<input
type="text"
class="prop_input"
placeholder="请输入"
v-model="dataForm.QuestionWhy"
/>
</view>
</view>
<view class="popup_item flex_space">
<view class="">责任人</view>
<view class="desc flex">
<view class="picker_img" @tap="openPeron(1)" v-if="!personnelName"
>请选择</view
>
<view class="uni-input" @tap="openPeron(1)" v-else>{{
personnelName
}}</view>
<u-image
class="icon" showLoading="true" src="@/static/image/pblic/xiayibu.png"
width="28rpx"
height="28rpx"
></u-image>
</view>
</view>
<view class="popup_item flex_space">
<view class="">处理人</view>
<view class="desc flex">
<view
class="picker_img"
@tap="openPeron(2)"
v-if="!dataForm.ProcessingUserId"
>请选择</view
>
<view class="uni-input" v-else>{{ ProcessingName }}</view>
<u-image
class="icon" showLoading="true" src="@/static/image/pblic/xiayibu.png"
width="28rpx"
height="28rpx"
></u-image>
</view>
</view>
<view class="popup_item flex_space">
<view class="">处理方法</view>
<view class="desc flex">
<picker
@change="bindPickerChange" value="processingIndex" range="processingList" >
<view class="uni-input" v-if="processingIndex">{{
processingList[processingIndex]
}}</view>
<view class="picker_img" v-else>请选择</view>
</picker>
<u-image
class="icon" showLoading="true" src="@/static/image/pblic/xiayibu.png"
width="28rpx"
height="28rpx"
></u-image>
</view>
</view>

/部分方法/

/**选中问题类别 */  
qualityPickerChange(e) {  
    console.log("e",e);  
  this.problemIndex = e.detail.value;  
  this.dataForm.ProblemCategory =  
    this.problemType[e.detail.value].QuestionTypeName;  
},  

/*选中问题原因 /
problemPickerChange(e) {
this.reasonIndex = e.detail.value;
this.dataForm.QroblemName = this.problemList[e.detail.value].QuestionName;
},

操作步骤:

在h5选项中能正常选change事件能正常触发,到了手机上的真机调试就change事件不触发。

预期结果:

手机上也能正常触发change事件进行数据显示

实际结果:

真机调试没有显示数据,change事件不触发。

bug描述:

picker组件在我的自定义组件中使用了多个(没有报错),在h5中@change事件能正常触发,但是到了手机上真机调试@change事件不触发,用了其它事件也是没有触发,请问是怎么回事?

调试的手机系统是HarmonyOS,版本型号是3.0.0

2023-06-08 09:21 负责人:无 分享
已邀请:

要回复问题请先登录注册