uni-app中picker相關坑

數據格式如下：

array: [{
                    id:'111',
                    category_name:'水果'
                },{
                    id:'222',
                    category_name:'222'
                }],

 

1、數組picker 的顯示

<picker @change="bindPickerChange" :value="index" :range="array"  :range-key="'category_name'">
                            <label class="uni-input">{{array[index].category_name}}</label>
                        </picker>

 

 

 這個地方顯示的時候在：range-key=""里面的值是一個字符串，如上，要在雙引里面加單引

 

2、獲取選中值得id，代碼如下：

bindPickerChange: function(e) {
                this.index = e.target.value   //取其下標
                var selected = this.array[this.index]           //獲取選中的數組
                var category_id = selected.id          //選中的id
            },