關於微信小程序中的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]),提交的。
大概流程就是這樣子了,如有不懂,歡迎留言~~
