关于picker的问题

这个 index 从哪里来的？数组数据直接赋值给 range 这个属性即可，而不是取其中的某一项赋值。

<picker :range="pickerList" :value="pickerValue" range-key="text">  
            <view class="uni-input">{{pickerValue}}</view>  
        </picker>

export default {  
    data() {  
        return {  
           pickerList: [{  
            text: 'item1',  
            value: '1'  
           },{  
            text: 'item2',  
            value: '2'  
           },{  
            text: 'item3',  
            value: '3'  
           }],  
           pickerValue: '1',  
        }  
    }  
}

range-key前面的冒号去掉。。

关于picker出现了一个新的问题，在使用uni.request获取数据并且动态设置picker的时候，出现了报错，但是显示正确的问题。根据API接口调试以及network调试，API获取的数据都没有问题，代码也按照官方文档给出的教程来写的。当CompanyList这个数组是静态数据的时候则不会报错，请问这是什么原因？

<view class="input-label">  
                <image src="../../../static/img/list1_icon/list1_icon-01.png" mode=""></image>  
                <text>所属公司:</text>  
            </view>  
            <picker @change="changeCompany" :value="companyVal" :range="companyList" range-key="text" mode="selector">  
                <view class="uni-input">{{companyList[companyVal].text}}</view>  
            </picker>  

export default {  
        onLoad(option) { //页面加载完毕  
            this.getCompany();  
        },  
        data() {  
            return {  
                companyList: [],              
                companyVal: 0,  

            }  
        },  
}  

methods: {  
            getCompany() { //获取公司数据               
                let url = server.net.setUrl('api/DropDownListApi/GetCompany');  
                uni.request({  
                    url: url,  
                    dataType: 'json',  
                    type: 'GET',  
                    header: {  
                        //token: server.net.GetSessionToken()  
                        token: "yr2hud8rOAQZbTg4v%2bOQ0TIRpuehsVbr1Esrcyk%2bWUSDfWLr7yCpxsAEPlzsbmeE"  
                    },  
                    success: (result) => {  
                        var jsondata = result.data;  
                        let dataArr=jsondata.data;  

                        if (jsondata.status = 1) {                            
                            for (let i in dataArr) {  
                                this.companyList.push({  
                                    text:dataArr[i].text, //根据截图以及network调试，API接口返回的数据没有问题  
                                    value:dataArr[i].value  
                                })  
                            }  
                            this.getProject();  
                        } else {  
                            console.log(jsondata.status);  
                            uni.showToast({  
                                title: jsondata.status,  
                                mask: false,  
                                duration: 1500  
                            });  
                        }  
                    },  
                    fail: (data, code) => {  
                        console.log("公司获取失败" + data + code);  
                    }  
                });  
            }  
}

我也碰到这个问题，请问你解决了吗？

<picker @change="changeCompany" :value="companyVal" :range="companyList" range-key="text" mode="selector">
<view class="uni-input" v-if="companyList[companyVal]">{{companyList[companyVal].text}}</view>
</picker>

这样应该就可以了

解决掉了, 之前一直看官方文档看不明白,又百度了下微信的picke这个组件的ranger-key, 写成"{{'name'}}",然后虽然正常显示选项,但是HB会提示报错, 选择下拉也无法更换内容,于是尝试将{{}}去掉 写成 range-key="name",就好了...