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

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

 

posted @ 2018-07-03 20:49  前端[色色]  阅读(40642)  评论(3编辑  收藏  举报