vue抽取两个数组的数据组装一个新数组

实际开发场景中,后台返回的数据不一定满足功能需求,这时候就需要根据条件将数据重新组装 :

GetPermissionList() {
               this.loading = true
                   this.$axios({
                       method: "post",
                       url: this.postUrl.GetProjectListUrl,
                       data: this.$qs.stringify({ 
                       isGlobal:this.formselect.IsGlobal
                                     })
                                  })
                   .then(res => {
                       this.formselect.totals = res.data.Total
                       let tableData = [];
                       let tableChildrenData = [];
                       res.data.Data.forEach((it, inx) => {
                           if (it.ParentId == 0) {
                               tableData.push(it)
                           } else {
                               tableChildrenData.push(it)
                           }
                       });
                       tableData.forEach((it0, inx0) => {
                           it0.Children = [];
                           tableChildrenData.forEach((it1, inx1) => {
                               if (it1.ParentId == it0.ID) {
                                   it0.Children.push(it1)
                               }
                           });
                       });
                       this.tableData = tableData;
                       this.loading = false
                   })
                   .catch(res => {
                   })
                  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容