So verwenden Sie Kartenobjekte in der WeChat-Applet-Entwicklung

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 }) },

Auf diese Weise wird die Optimierung des Tabs neu zugewiesen, wenn mehr Schnittstellendaten vorhanden sind. Obwohl ich mir selbst Dramatik verleihe, ist dies auch meine Arbeitseinstellung. Ich habe neue Dinge gelernt und das Projekt optimiert.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

RPX für die WeChat-Miniprogrammentwicklung verwenden

So erstellen Sie eine Seite für die WeChat-Miniprogrammentwicklung

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Kartenobjekte in der WeChat-Applet-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!