溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序多列選擇器range-key怎么用

發布時間:2021-06-04 11:30:24 來源:億速云 閱讀:434 作者:小新 欄目:web開發

這篇文章主要介紹微信小程序多列選擇器range-key怎么用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

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

<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);
 }


})

以上是“微信小程序多列選擇器range-key怎么用”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女