微信小程序——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]),提交的。

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

原文地址:https://www.cnblogs.com/sese/p/9260549.html