废话不多说上代码 wxml代码 <view class="name"> <view>品牌:</view> <view> <picker bindchange="changeBrandType" value="{{indexBrandType}}" range="{{arrayBrandType}}" range-key="{{'title'}}" > {{arrayBrandType[indexBrandType].title}} </picker> </view> </view> .js代码 /** * 页面的初始数据 */ data: { arrayBrandType: [{ title: '服务质量', id: 1 }, { title: '服务品质', id: 2 }, { title: '服务速度', id: 25 }], indexBrandType: 0, //值 同步的 显示的 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; wx.request({ url: app.globalData.wPathApi + 'GetBrandType.ashx', data: { strkey: app.globalData.strkey }, header: { 'content-type': 'application/json' }, success: function (res) { //console.log(res)arrayBrandTypeId if (res.data.Result === 1) { //赋值 that.setData({ arrayBrandType: res.data.Data }) setTimeout(function () { wx.hideLoading(); }, 1000) } else { // } // } }) }, // 改变下拉选项 changeBrandType: function (event) { var that = this; this.setData({ //给变量赋值 indexBrandType: event.detail.value, }) console.log('乔丹选的是', event.detail.value)//正常索引正常赋值 console.log('乔丹选的是', this.data.arrayBrandType[event.detail.value].title) console.log('乔丹选的是', this.data.arrayBrandType[event.detail.value].id) } }