微信小程序picker組件渲染對象數組

wxml

<picker bindChange="watchSite" mode="selector" mode:value="{{site}}" range="{{trainList}}" range-key="name">
<!--site為數組對象的序列號,range-key是對象內需要展示的屬性名-->
     <view class="picker">
        當前選擇：{{trainList[site].name}}
      </view>
</picker>    

　js

data:{
    trainList:[
        {
            name:'上海'
            value:0
        },
        {
            name:'南京'
            value:1
        },
        {
            name:'北京'
            value:2
        },
    ],
    site:0
},
 watchSite(e) {
    this.setData({
        site: e.detail.value
    })
    console.log('picker發送選擇改變，攜帶值為', e.detail.value)
 },