uni-app picker通用方法 多个picker公用一个bindPickerChange方法 通用的@change事件

<picker id="pickerid" @change="pickerChange($event)" :value="aindex" :range="array" range-key="name" style="width:80px"> 红色部分为系统声明的变量 可以为多个 此处以列出一个picker
<view class="">
<text class="show-value">{{array[aindex].name}}</text>
</view>
</picker>

 

pickerChange: function(e) {//通用picker方法自己添加内容
var nowId = e.target.id;//当前picker的ID id需要自己设置 在picker中

var value = e.detail.value;//当前picker选中的值
switch (nowId) {//判断是哪个picker  如多个用switch  数量少时可用if
case "pickerid"://第一个picker
this.aindex = value;
break;
case "pickerid2"://第二个picker
this.bindex = value;
break;
case "pickerid3":
this.cindex = value;
break;
}

来源：oschina

链接：https://my.oschina.net/u/4352371/blog/4283853