解决分析bug能力提高篇之(小程序Picker滚动选择器数据错乱的问题 二)

650 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第2天,点击查看活动详情

课程口号

同为程序猿,我想要手环,希望大家多多 评论 点赞 收藏 🙏🙏🙏

课程背景

  • 程序员嘛,最开心的就是每天复制粘贴cv cv cv cv的,轻车熟路的整点业务。
  • 但是当偶尔遇到一些bug,那可就让人挠头了。
  • 甲方姥爷提出新的需求:小程序注册的用户需要绑定一个客服,但是为了防止每次都选择第一个客服,那么客服的列表就要每次都随机排序。
  • 前端小菜5分钟搞完上线了。好家伙,一会儿CTO就来把我们骂了一顿。选的张三,实际上是李四,选的李四,实际上是万五

正文开始

上一章节中我们说明了现象,并且给出了示例Demo。示例代码也很简单,两个事件,按钮点击时候加载列表数据,点击完成后打印所选择数据的id。这里我们继续对bug的问题进行分析

问题分析

1 刚看到这个bug第一秒,有点无从下手。第一时间是检查了一下接口返回的数据。

image.png 发现数据是对应不起来的。想到可能是小程序的picker有能指定数据排序的问题,于是去微信官网检查文档。

image.png 检查发现并没有什么特定的参数可以指定列表排序,而且参数跟事件也很简单,就这4 5个。

2 继续检查接口的返回数据。

image.png

image.png 发现选择框中的数据居然跟上一次的接口请求的是匹配的。也就是说,最新的数据还没来得及渲染。