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

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

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

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

 

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

项目需求如下图:

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

 

步骤如下:

 1.编写wxml文件

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

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

 

2.编写js文件

  a). 定义data

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

 

  b). 赋值

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

 

  c). 返回picker索引值

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

 

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

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

 

 

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

 

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

上一篇:微信企业号-上传、获取临时素材文件


下一篇:微信公众号开发-ios时间显示为NaN