WeChat アプレット開発で 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 }) },

このようにインターフェースデータが増加するとタブの最適化が再割り当てされます。 私自身にドラマを加えていますが、これは私の仕事に対する姿勢でもあり、新しいことを学び、プロジェクトを最適化しました。

この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

WeChat ミニ プログラム開発に rpx を使用する

WeChat ミニ プログラム開発用のページを作成する方法

以上がWeChat アプレット開発で Map オブジェクトを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。