码迷,mamicode.com
首页 > 其他好文 > 详细

Promise.all( ) 的使用

时间:2020-06-29 18:44:53      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:cat   iss   eid   parent   The   ret   load   checkbox   set   

多个函数等待执行

        //初始化权限列表
        initPermission() {
            return new Promise((resolve, reject) => {
                this.$ajax.get(this.permissionUrl[1], { type: 9 }).then(res => {
                    if (res.code == 200) {
                        console.log(212)
                        this.permissionData = this.$_c.listToTree(res.data, { idKey: ‘id‘, parentKey: ‘parent‘ });
                        resolve(0)//这里一定要加上,否则then和catch都不会执行
                    }
                })
            })
        },

        //初始化操作类型
        initTypeId() {
            return new Promise((resolve, reject) => {
                this.$ajax.get(this.permissionUrl[2]).then(res => {
                    if (res.code == 200) {
                        //1.selfCheckbox的版本
                        // this.typeData = {
                        //     field: ‘typeId‘,
                        //     isShow: true,
                        //     isInline: true,
                        //     children: res.data
                        // }
                        //2.tree的版本
                        this.newtypeData = this.$_c.listToTree(res.data, { idKey: ‘id‘, parentKey: ‘parentCode‘ })
                        console.log(this.form.typeId)
                        resolve(0)
                        // this.$refs.devTypeTree.setCheckedKeys(this.form.typeId)//设置选中
                    }
                })
            })
        },

调用

mounted() {
        this.initRoleList()//初始化下拉角色列表
        Promise.all([
            this.initPermission(),//初始化权限树
            this.initTypeId()//初始化设备类型树
        ]).then(res => {
            console.log(res)
            this.initCheck()//初始化默认选中
        }).catch(function(){
            console.log(0)
        })
    }

注意事项

1.函数里面一定要加上 resolve(0),否则promise.all方法的then和catch都不会执行

 

技术图片

 

Promise.all( ) 的使用

标签:cat   iss   eid   parent   The   ret   load   checkbox   set   

原文地址:https://www.cnblogs.com/pengfei25/p/13209246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!