微信小程序開發中怎樣使用Map對象

let?localMap?=?new?Map(),//?定義一個全局的MAP對象?
typeCode?=?'';?//?點擊分類里面的細分選項卡
handleClickTabs(e)?{?let?id?=?e.target.dataset.index,
?code?=?e.target.dataset.id;?
typeCode?=?code;//?這里定義code，在請求回調里面使用?
this.setData({?leftTab?:?id?});?
if?(localMap!=null)?{//?map對象?
let?list?=?localMap.get(typeCode);//獲取對應分類的type的code?
if?(list!=null)?{//map里面有值，渲染頁面?
this.setData({?tabSonList:list?})?}else?{//map里面沒有值，去請求接口?const?data?=?{?goodsTypeCode:?code?};?
utils.sendRequest(api.ClassifySon,?data,?this.handleGoodsSon.bind(this));?}
?}else?{?const?data?=?{?goodsTypeCode:?code?};?
utils.sendRequest(api.ClassifySon,?data,?this.handleGoodsSon.bind(this));?}?},?//分類里面的內容?handleGoodsSon(res)?{?let?list?=?res.data;?localMap.set(typeCode,list)//存對應typeCode的list?
this.setData({?tabSonList:list?})?},

這樣就實現了，對選項卡的優化，如果接口數據變多了的話，會重新賦值。愛掏網 - it200.com 雖然是自己給自己加戲，但這是也是我的一種工作態度，學習了新東西，還讓優化了項目。愛掏網 - it200.com

相信看了本文案例你已經掌握了方法，更多精彩請關注愛掏網 - it200.com其它相關文章！

推薦閱讀：

微信小程序開發rpx使用

微信小程序開發怎樣創建頁面

以上就是微信小程序開發中怎樣使用Map對象的詳細內容，更多請關注愛掏網 - it200.com其它相關文章！