鍍金池/ 問(wèn)答/HTML/ picker默認(rèn)值設(shè)置

picker默認(rèn)值設(shè)置

如下代碼:

<picker bindchange="bindPickerChange" range="["已婚","未婚","離異"]" value="0">

這樣展現(xiàn)出來(lái)的就是range中的三個(gè)選項(xiàng)。

我的需求是要實(shí)現(xiàn)

默認(rèn)顯示"請(qǐng)選擇",當(dāng)點(diǎn)擊picker后彈出的才是這三個(gè)選項(xiàng),請(qǐng)問(wèn)這樣該如何實(shí)現(xiàn)?

目前想到的是在range中添加第一項(xiàng)為“請(qǐng)選擇”,但這樣沉余數(shù)據(jù)會(huì)很多,因?yàn)橛袛?shù)個(gè)picker,請(qǐng)問(wèn)這個(gè)需求該如何實(shí)現(xiàn)?小程序文檔中picker已經(jīng)查看,但沒找到答案!

回答
編輯回答
喜歡你
<picker bindchange="bindReasonChange" range="{{refundReasons}}" value="{{index}}"  class='item-right'>
    <view class="picker">{{refundReason?refundReason:"請(qǐng)選擇"}}</view>
</picker>

data: {    
    refundReason: '',
    refundReasons: ['不喜歡', '買錯(cuò)了', '不小心排重了']
  }

通過(guò)一個(gè)三目運(yùn)算即可實(shí)現(xiàn)

2018年2月9日 16:28