微信小程序的多列选择器picker mode="multiSelector",需要的数组结构往往和后台给的结构不同,需要我们对数组拆分处理后,实现联动效果
下面分别是微信需要的数据结构,和后台给的数据结构
[['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']]
image.png
实现思路:
1、声明多个数组,用来存储一级、二级选项
2、通过map() ,unshift(),switch语句,for循环的方法,对数组进行整理
3、因为展示的数组里只能有用于展示的name城市名和门店名,最后根据选中门店的下标,匹配原始数组里的门店id
下图是写完的样子,两级联动,第一列是城市,第二列是门店