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

时间:2018-07-03 21:32:01   收藏:0   阅读:1872

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

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

技术分享图片

 

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

项目需求如下图:

技术分享图片

 

步骤如下:

 1.编写wxml文件

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

技术分享图片

 

2.编写js文件

  a). 定义data

  技术分享图片

 

  b). 赋值

技术分享图片

 

  c). 返回picker索引值

技术分享图片

 

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

技术分享图片

 

 

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

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!