微信小程序——picker通过value返回你想获取的值

关于微信小程序中的picker使用方法可以访问：picker-小程序

从它的官方文档中，可以看出它返回的value值是它range的下标：

在项目中，我们大多数时候传的值并不是需要这个下标，而是其他的值。像我项目中，需要获取到的是它对应的teamId,那么我们如何通过它的这个下标值返回你想要的值呢？

项目需求如下图：

步骤如下：

 1.编写wxml文件

这是主要讲picker的功能，所以我只截了 picker 部分的wxml 代码了。

2.编写js文件

　　a). 定义data

　　

　　b). 赋值

　　c). 返回picker索引值

　　d). 提交时通过索引值返回你想要的值

总结：

1.  将你想要获取的值存入到了数组（类似于本文中的teamIdList）;

2.  通过picker返回的索引值，获取你想获取的值(类似于本文中的this.data.teamIdList[e.detail.value.teamId]，这里的teamId对应的是picker的name);

3.  改变这个值（类似于本文中的e.detail.value.teamId = this.data.teamIdList[e.detail.value.teamId]），提交的。

大概流程就是这样子了，如有不懂，欢迎留言~~