使用es7的async await来发送请求
// 获取分类页面数据
async getCates() {
// 使用es7的async await来发送请求
const res = await request({ url: "/categories" });
this.Cates = res.data.message;
// 把接口的数据存入到本地存储中
wx.setStorageSync("cates", { time: Date.now(), data: this.Cates });
// 构造左侧的大菜单数据
let leftMenuList = this.Cates.map((v) => v.cat_name);
// 构造右侧的商品数据
let rightContent = this.Cates[0].children;
this.setData({
leftMenuList,
rightContent
});
},
⼩程序中使用es7的async的步骤:
- ⼩程序开发⼯具-详情-本地配置-勾选
ES6 转 ES5
- 下载regenerator库中的regenerator/packages/regenerator-runtime/runtime.js
- 在⼩程序⽬录下新建⽂件夹
lib/runtime/runtime.js
,将代码拷⻉进去 - 在项目需要使⽤async语法的⻚⾯js⽂件中引⼊(不能全局引⼊)
import regeneratorRuntime from "../../lib/runtime/runtime";
或者
⼩程序开发⼯具-详情-本地配置-勾选 ES6 转 ES5
和 增强编译
即可
简化返回值: