微信小程序 picker 对象数组 如何展示

JS

data: {
    Data: [
    	{id:0,name:'北京' },
    	{id:1,name:'上海' },
    	{id:2,name:'深圳' }
    ],
	index: 0
},

bindChange: function(e) {
    console.log('当前选中的数值下标为', e.detail.value)
    this.setData({
      index: e.detail.value
    })
 },

WXML

<picker class="picker" bindchange="bindChange" value="{{index}}"  range="{{Data}}" range-key="name">
    <view>
      当前选择：{{Data[index].name}}
    </view>
</picker>

文章参考(URL)