微信小程序picker-view设置默认值

1 picker-view的使用

• js文件

const ageList = []
for (let i = 0; i < 150; i++) {
  if(i>11){
    ageList.push(i)
  }
}
Page({
  data: {
	    ageList: ageList,
	    value:[10], // 默认下标为10。多个picker-view-column，value为[1,2,3],
	    age:0,
    }
    })
   /**
   * 选获取的值
   */
bindChange: function (e) {
    const val = e.detail.value
    console.log(val)
    this.setData({
      age: this.data.ageList[val[0]],
    })
    console.log(this.data.age)
  },

• wxml文件

<picker-view indicator-style="height: 50px;" style="width: 100%; height: 430rpx;text-align:center" value="{{value}}" bindchange="bindChange">
      <picker-view-column>
        <view wx:for="{{ageList}}" style="line-height: 50px;font-weight:bold">{{item}}岁</view>
      </picker-view-column>
      </picker-view>

总结

（1）默认值设置下标为2

this.setData({
      value:[2]
    })

（2）picker-view中有多组picker-view-column则

this.setData({
      value:[1,2,3]
    })