亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序多列選擇器range-key使用詳解

 更新時(shí)間:2020年03月30日 15:06:22   作者:Rolan  
這篇文章主要為大家詳細(xì)介紹了微信小程序多列選擇器range-key的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序多列選擇器的具體代碼,供大家參考,具體內(nèi)容如下

<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="bindMultiPickerColumnChange2" value="{{multiIndex}}" range="{{objectMultiArray}}" range-key="{{'name'}}">
 <view class="picker">
 當(dāng)前選擇:{{objectMultiArray[0][multiIndex2[0]].name}},{{objectMultiArray[1][multiIndex2[1]].name}}
 </view>
</picker>
Page({

 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {
 objectMultiArray: [
 [
 {
  id: 0,
  name: '無(wú)脊柱動(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] = ['豬肉絳蟲(chóng)', '吸血蟲(chóng)'];
  break;
  case 1:
  data.objectMultiArray[1] = [
  { id: 0, name: '魚(yú)' },
  { id: 1, name: '線形兩棲動(dòng)物' },
  { id: 2, name: '爬行動(dòng)物' }
  ];
  break;
 }
 data.multiIndex2[1] = 0;
 // data.multiIndex[2] = 0;
 break;
 }
 this.setData(data);
 }


})

請(qǐng)記得點(diǎn)贊額?。?!

為大家推薦現(xiàn)在關(guān)注度比較高的微信小程序教程一篇:《微信小程序開(kāi)發(fā)教程》小編為大家精心整理的,希望喜歡。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論