這篇文章主要介紹微信小程序多列選擇器range-key怎么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站是一家專業(yè)提供澠池企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為澠池眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
本文實(shí)例為大家分享了微信小程序多列選擇器的具體代碼,供大家參考,具體內(nèi)容如下
當(dāng)前選擇:{{objectMultiArray[0][multiIndex2[0]].name}},{{objectMultiArray[1][multiIndex2[1]].name}}
Page({ /** * 頁面的初始數(shù)據(jù) */ data: { objectMultiArray: [ [ { id: 0, name: '無脊柱動(dòng)物' }, { id: 1, name: '脊柱動(dòng)物' } ], [ { id: 0, name: '扁性動(dòng)物' }, { id: 1, name: '線形動(dòng)物' }, { id: 2, name: '環(huán)節(jié)動(dòng)物' }, { id: 3, name: '軟體動(dòng)物' }, { id: 3, name: '節(jié)肢動(dòng)物' } ] ], multiIndex2: [0, 0], }, bindMultiPickerChange2: function (e) { console.log('picker發(fā)送選擇改變,攜帶值為', 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: '扁性動(dòng)物' }, { id: 1, name: '線形動(dòng)物' }, { id: 2, name: '環(huán)節(jié)動(dòng)物' }, { id: 3, name: '軟體動(dòng)物' }, { id: 3, name: '節(jié)肢動(dòng)物' } ]; // data.multiArray[2] = ['豬肉絳蟲', '吸血蟲']; break; case 1: data.objectMultiArray[1] = [ { id: 0, name: '魚' }, { id: 1, name: '線形兩棲動(dòng)物' }, { id: 2, name: '爬行動(dòng)物' } ]; break; } data.multiIndex2[1] = 0; // data.multiIndex[2] = 0; break; } this.setData(data); } })
以上是“微信小程序多列選擇器range-key怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!