本文實例為大家分享了微信小程序多列選擇器的具體代碼，供大家參考，具體內容如下

<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="bindMultiPickerColumnChange2" value="{{multiIndex}}" range="{{objectMultiArray}}" range-key="{{'name'}}"> <view class="picker">  當前選擇：{{objectMultiArray[0][multiIndex2[0]].name}}，{{objectMultiArray[1][multiIndex2[1]].name}} </view></picker>

Page({ /** * 頁面的初始數據 */ data: { objectMultiArray: [  [  {   id: 0,   name: '無脊柱動物'  },  {   id: 1,   name: '脊柱動物'  }  ], [  {   id: 0,   name: '扁性動物'  },  {   id: 1,   name: '線形動物'  },  {   id: 2,   name: '環節動物'  },  {   id: 3,   name: '軟體動物'  },  {   id: 3,   name: '節肢動物'  }  ] ], multiIndex2: [0, 0], }, bindMultiPickerChange2: function (e) { console.log('picker發送選擇改變，攜帶值為', e.detail.value) this.setData({  multiIndex2: e.detail.value }) }, bindMultiPickerColumnChange2: function (e) { console.log('修改的列為', e.detail.column, '，值為', e.detail.value); var data = {  objectMultiArray: this.data.objectMultiArray,  multiIndex2: this.data.multiIndex2 }; data.multiIndex2[e.detail.column] = e.detail.value; switch (e.detail.column) {  case 0:  switch (data.multiIndex2[0]) {   case 0:   data.objectMultiArray[1] = [    { id: 0, name: '扁性動物' },    { id: 1, name: '線形動物' },    { id: 2, name: '環節動物' },    { id: 3, name: '軟體動物' },    { id: 3, name: '節肢動物' }   ];   // data.multiArray[2] = ['豬肉絳蟲', '吸血蟲'];   break;   case 1:   data.objectMultiArray[1] = [    { id: 0, name: '魚' },    { id: 1, name: '線形兩棲動物' },    { id: 2, name: '爬行動物' }   ];   break;  }  data.multiIndex2[1] = 0;  // data.multiIndex[2] = 0;  break; } this.setData(data); }})

請記得點贊額！！！

為大家推薦現在關注度比較高的微信小程序教程一篇：《微信小程序開發教程》小編為大家精心整理的，希望喜歡。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。