一、綁定簡單數組

通過bindChange控制index，使得當前選擇值發生改變

示例1

data: {  
        Data: ['A','B'], 
        Index: 0,
    }
    
<picker class="picker" bindchange="bindChange" value="{{Index}}"  range="{{Data}}">
    <view >
      當前選擇：{{Data[Index]}}
    </view>
</picker>

 二、綁定多維數組

通過bindChange控制index，使得當前選擇值發生改變，value是真正想得到值，選擇后通過index可獲取并設置，name只是想顯示的值，這里的id其實是index值。

這個方法經常會用到，因為我們要的實體id不會是順序的012345...

示例2

data: {  
        Data: [{id:0,value:'a',name:'A' },{id:1,value:'b',name:'B' }], 
        Index: 0,
　　　　 currentId
    }
    
<picker class="picker" bindchange="bindChange" value="{{Index}}"  range="{{Data}}" range-key="name">
    <view >
      當前選擇：{{Data[Index].name}}
    </view>
</picker>

三、選擇事件

設置對應的Index，才能看到選擇的選項變化

bindChange: function (event) { 
    this.setData({
      Index:event.detail.value;

    }); 
}