小程序动态数据三级联动

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37683424/article/details/80965354

小程序三级组件picker  ,后台要维护这些数据,使用的是动态数据


三级选择器,使用的是多列选择,设置 mode = multiSelector  ,主要把我们的数据放入range中,range是一个二维数组

既然我们做的是三级联动,按二维数组格式[[a,b],[a,b],[]]填入数据即可。因为每个人代码写法不同,主要分享思路

后台直接给的是一个数组对象数据,每个对象数据都有id和key,第一级数据的所有key为零, 数据对应为一级的id对应二级的key,以此二级id对应三级key,


1.思路就比较清楚了,先onLoad事件一级数据填入和二三级对应的初始数据

根据循环判断来获得

2.主要通过滚动bindchange事件来添加二级和三级数据,滚动的时我们定义一个index数组[0,0,0]放入value来定义滚动时得状态,通过事件e来获取状态。我们就能知道滚动到那个数据,事件e.detail.column 能知道滚动几级,使用bindcolumnchange事件是确定后做的逻辑

3.每次滚动完成及时更新index数组,滚动时获得数据代码,基本类似第一次循环判断来获得,大家有更简洁的实现方法,可以分享

展开阅读全文

没有更多推荐了,返回首页