微信小程序——picker通過value返回你想獲取的值(不要看,寫的亂七八糟的,留着激勵我提升自己的文字表達能力)


關於微信小程序中的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]),提交的。

大概流程就是這樣子了,如有不懂,歡迎留言~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM