vue+elementui实现左侧菜单动态添加icon

data函数

 iconlist:[
          {id:'125',icon:'el-icon-s-tools',children:[{id:'110',icon:'el-icon-user-solid'}]},
          {id:'103',icon:'el-icon-user-solid',children:[{id:'111',icon:'el-icon-s-tools'},{id:'112',icon:'el-icon-user-solid'}]},
          {id:'101',icon:'el-icon-s-tools',children:[{id:'104',icon:'el-icon-user-solid'},{id:'115',icon:'el-icon-user-solid'},{id:'121',icon:'el-icon-user-solid'}]},
          {id:'102',icon:'el-icon-user-solid',children:[{id:'107',icon:'el-icon-s-tools'}]},
          {id:'145',icon:'el-icon-s-tools',children:[{id:'146',icon:'el-icon-user-solid'}]},
      ],

methods

getMeau() {
      api_meau().then((res) => {
          console.log(res.data);
        // this.meaulist=res.data.data;
        let sidebarlist=JSON.parse(JSON.stringify(res.data.data))
        sidebarlist.forEach((item)=>{
            this.iconlist.forEach((i)=>{
                if (item.id==i.id) {
                    item.icon=i.icon;
                }
                item.children.forEach((item)=>{
                    i.children.forEach((i)=>{
                        if (item.id==i.id) {
                            item.icon=i.icon;
                        }
                    })
                })
            })
        })
        this.meaulist=sidebarlist;
            console.log(sidebarlist,'sidebarlist');

（分割线）

  // let sidebarlist=res.data.data.map((item)=>{
        //     return {
        //         id:item.id,
        //         icon:'',
        //         children:item.children.map((i)=>{
        //             return {
        //                 id:i.id,
        //                 icon:'',
        //             }
        //         })
        //     }
        // });