天道酬勤,学无止境

微信小程序

微信小程序picker组件两列关联使用方式

在使用微信小程序picker组件时候,可以设置属性 mode = multiSelector 意为多列选择,关联选择,当第一列发生改变时侯,第二列甚至第三列发生相应的改变。但是官方文档上给的只有三列数据关联改变,没有两列改变得,我在写的时候琢磨了很久官方文档,于是写下此篇文档,作为总结。 结构文件 <picker mode="multiSelector" bindchange="PickerChange" bindcolumnchange="PickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">   <view class="picker"> {{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}} </view> </picker>    bindcolumnchange 为每一列改变时候触发的函数,参数为 e , bindchange 为最终选中之后触发函数,参数为 e, range 为绑定数组 js文件 data: { multiArray: [['飞禽', '走兽'], ['鹰', '鸽子', '麻雀', '鹦鹉']], multiIndex: [0, 0], arrColumn0: ['鹰', '鸽子', '麻雀',

2021-06-02 07:35:55    分类:博客    多列关联    picker组件    微信小程序