vue3 小程序 v-if 切换可能引发事件错乱

[sufuwang]

问题描述

<picker v-if="formObj.serviceType === 'singleExpertConsultation'" @change="expertSelect"> 请选择 </picker>
<textarea v-model="formObj.conditionDescription" placeholder="请输入" />
<view @click="addPicture">+</view>

在 textarea 组件输入时，会触发下方的 addPicture 方法

复现步骤 测试工程：https://github.com/sufuwang/uniapp_vite/tree/bugfix/chooseImage 打包至微信小程序后，在手机端预览中可复现

系统信息:

• 发行平台: 微信小程序
• HBuilderX版本 [如使用HBuilderX，则需提供 HBuilderX 版本号]
• uni-app版本 3.0.0-alpha-3031320220314002
• 设备信息 iphone12 [email protected]

补充信息 这个问题很奇怪

1. 在 onLoad 中取消对 formObj.value.serviceType 的赋值，不复现此问题
2. 删除 picker 组件，不复现此问题
3. view 与 textarea 调换位置，不复现此问题

[fxy060608]

https://github.com/dcloudio/uni-app/issues/3406

[sufuwang]

@fxy060608 大佬，发版了嘛

[fxy060608]

@fxy060608 大佬，发版了嘛

该问题预计短时间内修复不了，你可以先自己绕一下

[sufuwang]

@fxy060608 大佬，发版了嘛

该问题预计短时间内修复不了，你可以先自己绕一下

好

[sufuwang]

@fxy060608 大佬，发版了嘛

该问题预计短时间内修复不了，你可以先自己绕一下

大佬，延迟赋值不能解决这个 bug ，和 #3406 中 bug 触发的时机并不一样，感觉不是同一个 bug ，只是现象有点相同，#3406 是进入页面复现这个 bug ，我这个是在 textarea 进行输入时复现

[fxy060608]

@fxy060608 大佬，发版了嘛

该问题预计短时间内修复不了，你可以先自己绕一下

大佬，延迟赋值不能解决这个 bug ，和 #3406 中 bug 触发的时机并不一样，感觉不是同一个 bug ，只是现象有点相同，#3406 是进入页面复现这个 bug ，我这个是在 textarea 进行输入时复现

是因为相同的底层事件机制引发的Bug，你可以把picker的v-if换成v-show来绕过

[sufuwang]

@fxy060608 大佬，发版了嘛

该问题预计短时间内修复不了，你可以先自己绕一下

大佬，延迟赋值不能解决这个 bug ，和 #3406 中 bug 触发的时机并不一样，感觉不是同一个 bug ，只是现象有点相同，#3406 是进入页面复现这个 bug ，我这个是在 textarea 进行输入时复现

是因为相同的底层事件机制引发的Bug，你可以把picker的v-if换成v-show来绕过

好的，已解决