微信小程序开发——picker组件

WeChat小程序交流（QQ群：769977169）

效果图

代码示例

1、xxx.wxml

<picker bindchange="pickerClick" value='{{pickerIndex}}' range='{{pickerData}}'>{{pickerData[pickerIndex]}}</picker>  

2、xxx.wxjs

Page({

  /**
   * 页面的初始数据
   */
  data: {
    pickerData: ["中国人寿", "中国平安", "太平洋人寿", "华夏人寿"],
    pickerIndex: 0,
  },

  pickerClick: function (event) {
    console.log(event.detail.value);
    this.setData({
      pickerIndex: event.detail.value,
    });
  }
}