微信小程式開發如何使用Map對象

php中世界最好的语言
發布: 2018-06-05 13:36:15
原創
6893 人瀏覽過
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 }) },
登入後複製

這樣就實現了,對選項卡的最佳化,如果介面資料變多了的話,會重新賦值。雖然是自己給自己加戲,但這是也是我的一種工作態度,學習了新東西,也讓優化了專案。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

微信小程式開發rpx使用

微信小程式開發怎麼建立頁面

以上是微信小程式開發如何使用Map對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板