vue实现无限下级修改名称（递归）

迷茫的码奴

于 2022-10-31 16:06:18 发布

阅读量393

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_47826037/article/details/127617616

版权

vue 专栏收录该内容

17 篇文章

订阅专栏

 <el-form-item label="部门">
            <el-cascader style="width:100%" v-model="inneraccount.deptId" :options="department" @change="handleChange"></el-cascader>

          </el-form-item> 



 // 部门
    getDepartmentTreeList() {
      this.$api.getDepartmentTreeList().then((res) => {//接口
        this.department = this.ergodicNodes(res.data, 'children', (item) => {
          item.label = item.deptName ? item.deptName : '--'//修改名称deptName为label 
          item.value = item.deptId ? item.deptId : '--'
        })
      })
    },
  
    //递归树形结构
    ergodicNodes(list, childName, func) {
      list.forEach((item) => {
        if (item[childName] && item[childName].length > 0) {
          this.ergodicNodes(item[childName], childName, func)
        }
        func(item)
      })
      return list
    },