picker-view 模拟实现级联选择器，快速滑动第一列后放手，此时数据还未改变，滑动第二列后停留在空白处
yuanyxh
- 发布：2023-11-13 18:51
- 更新：2023-11-14 16:06
- 阅读：233
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window 10
HBuilderX类型： 正式
HBuilderX版本号： 3.97
浏览器平台： Chrome
浏览器版本： 119
项目创建方式： HBuilderX
操作步骤：
预期结果：
当前列正常回弹
当前列正常回弹
实际结果：
未回弹，停留在空白处
未回弹，停留在空白处
bug描述：
使用 picker-view 模拟实现 picker 组件，多列级联时，滑动第一列带动第二列数据改变，在第二列数据改变前滑动第二列，会出现第二列停留在空白区域，测试 picker 组件无此问题。详细见附件视频。
使用 v-if + $nextTick 进行 rerender 可以重置到正常状态，但在 app 端会出现频闪。
yuanyxh (作者)
官方例子都是固定死的数据，列的数据量都是相同的。用城市区的数据，看视频可以看出来是从数据量少切换到数据量多的时候容易出现。
2023-11-14 10:05