首页 > 其他 > 详细

vue中 使用 async/await 解决 异步问题

时间:2021-05-14 15:53:25      阅读:30      评论:0      收藏:0      [点我收藏+]
 methods: {
      // 初始化树列表
      async  initList() {
        this.loading = true;
        await undistributed().then(res1 => {
          this.newlist = res1.data; // 第二个接口  返回的数据
        }).catch(res => {});
        await treeList().then(res => {
          this.newlist.data = res.data.data;
          const cdata = this.newlist.data.map((item, index) => {
            const addIcon = data => {
              item.icon = fa fa-pie-chart;
              if (data.child) {
                data.icon = fa fa-sitemap;
              }
              data.child.forEach(item => addIcon(item));
            };
            addIcon(item);

            item.isDelete = true;
            item.isAdd = true;
            return item;
          });

}

请求两个接口,在一个方法中调用,就出现异步,第二个接口需要第一个接口返回的数据,因此采用最简洁的async await 

 

技术分享图片

 

vue中 使用 async/await 解决 异步问题

原文:https://www.cnblogs.com/zzm131400/p/14767561.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!