問(wèn)題描述

小程序 picker 組件，看 demo 里面是有 objArray 這個(gè)類(lèi)型，但是又沒(méi)有用到，我現(xiàn)在就是y有一組 objArray 需要用到，但是怎么都不能正常顯示，麻煩大家?guī)兔聪拢?/p>

小程序 demo 鏈接：picker

wxml：

<picker bindchange='bindPickerChange' value='{{index}}' range='{{objectArray}}'> <view class='picker'> 當(dāng)前選擇：{{objectArray[index]}} </view></picker>

js:

Page({ data: { objectArray: [ {id: 0,name: ’美國(guó)’ }, {id: 1,name: ’中國(guó)’ }, {id: 2,name: ’巴西’ }, {id: 3,name: ’日本’ } ] }, bindPickerChange: function(e) { console.log(’picker發(fā)送選擇改變，攜帶值為’, e.detail.value) this.setData({ index: e.detail.value }) }})

這樣的話，顯示的下拉選項(xiàng)就是[object Object]，選中之后在頁(yè)面顯示的也是這樣，我現(xiàn)在是想下拉列表顯示 name 里面的值，然后知道選中的 id，實(shí)在是不知道怎么實(shí)現(xiàn)了。。。

問(wèn)題解答

使用這個(gè)屬性應(yīng)該是可以的，修改后的代碼如下：

<picker bindchange='bindPickerChange' value='{{index}}' range-key='name' range='{{objectArray}}'> <view class='picker'> 當(dāng)前選擇：{{objectArray[index].name}} </view></picker>

Update1:

Page({ data: { objectArray: [ {id: 0,name: ’美國(guó)’ }, {id: 1,name: ’中國(guó)’ }, {id: 2,name: ’巴西’ }, {id: 3,name: ’日本’ } ] }, bindPickerChange: function(e) { console.log(’picker發(fā)送選擇改變，攜帶值為’, e.detail.value) var index = e.detail.value; var currentId = this.data.objectArray[index].id; // 這個(gè)id就是選中項(xiàng)的id this.setData({ index: e.detail.value }) }})回答2：

添加 range-key=’obj.item’,例如

<picker bindchange='bindPickerChange' value='{{index}}' range-key='name' range='{{objectArray}}'> <view class='picker'> 當(dāng)前選擇：{{objectArray[index].name}} </view></picker