關(guān)于微信小程序中的picker使用方法可以訪問:
從它的官方文檔中,可以看出它返回的value值是它range的下標:
?
在項目中,我們大多數(shù)時候傳的值并不是需要這個下標,而是其他的值。像我項目中,需要獲取到的是它對應(yīng)的teamId,那么我們?nèi)绾瓮ㄟ^它的這個下標值返回你想要的值呢?
項目需求如下圖:
?
步驟如下:
?1.編寫wxml文件
這是主要講picker的功能,所以我只截了 picker?部分的wxml?代碼了。
?
2.編寫js文件
a). 定義data
?
b).?賦值
?
c).?返回picker索引值
?
d).?提交時通過索引值返回你想要的值
?
?總結(jié):
1.? 將你想要獲取的值存入到了數(shù)組(類似于本文中的teamIdList);
2.? 通過picker返回的索引值,獲取你想獲取的值(類似于本文中的this.data.teamIdList[e.detail.value.teamId],這里的teamId對應(yīng)的是picker的name);
3.? 改變這個值(類似于本文中的e.detail.value.teamId =?this.data.teamIdList[e.detail.value.teamId]),提交的。
大概流程就是這樣子了,如有不懂,歡迎留言~~
?