1. 程式人生 > >小程式採坑記(四) picker元件

小程式採坑記(四) picker元件

從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇

器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。

普通選擇器:mode = selector

在這裡插入圖片描述

後臺給我返回的是一個數組物件,我需要的range資料是這個陣列物件的每一個鍵,當時我以為range只能是個陣列

 <!-- 所屬行業 -->
  <view class="section">
    <view class="section__title">所屬行業</view>
    <picker bindchange="bindcompanyTradeChange" value="{{companyTrade}}" range-key='codeName' range="{{industry}}" name='companyTrade'>
      <view class="picker">
        {{industry[companyTrade].codeName}}
      </view>
     <i class='arrow iconfont icon-xiangqing'></i>
    </picker>
  </view>

程式碼裡面的range=‘{{industry}}’,裡面的industry是個陣列物件,我需要的是這個物件的鍵codeName,需要用到的就是range-key。

記錄一下