uni-app中picker組件的一個坑 ,在uniapp中,picker裏range爲對象數組,range-key也設置了, 還是無效

## 這裏直接貼出代碼

<view class="goods-info-add fl-sw">
      <view>運費模板:</view>
            <view>
                 <picker mode="selector" :value="index3" :range-key="Name" :range="expressTemplate" @change="expressTemplateChange">
                      <view>{{expressTemplate[index3].Name}}</view>
                 </picker>
           </view>
</view>

根據官方文檔這看起來是一段很正常的寫法,但這裏會出現個問題

在這裏插入圖片描述

這裏的選項直接是[object Object],只需要將rang-key中的字符串加上單引號即可。如下:

<view class="goods-info-add fl-sw">
                <view>運費模板:</view>
                <view>
                    <picker mode="selector" :value="index3" :range-key="'Name'" :range="expressTemplate" @change="expressTemplateChange">
                        <view>{{expressTemplate[index3].Name}}</view>
                    </picker>
                </view>
            </view>

這樣就能正常顯示了

在這裏插入圖片描述

查看面試題小程序在這裏插入圖片描述

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章