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