vue+element 前端处理树形列表

获取树形列表数据

getList() {
        this.loading = true;
        selectTree().then(response => {
          this.TreeList = response;
        });
      },

对树形列表数据进行处理

// 处理树结构
      handleTree(tree, func) {
        tree.forEach(item => {
          func(item)
          if (item.children && item.children.length > 0) {
            this.handleTree(item.children, func)
          }
        })
      },
// 拿到树形列表每一行对应的数据
changeCompany(value) {
        let newArray = []
        this.handleTree(this.dimCompanyTreeList, (item) => {
          value.forEach(elem => {
            if (elem == item.code) {
              newArray.push(item.label, item.code, item.level)
            }
          })
        })
}，

在级联选择器里渲染出来并拿到对应的label、code、level

<el-form-item label="局房级联" prop="cascList">
                  <el-cascader v-model="code" :options="TreeList" placeholder="请输入级联" style="width: 100%;"
                    @change="changeCompany" :props="{ label: 'label',
                           value:'code',
                           children:'children',
                           checkStrictly: true}"></el-cascader>
                </el-form-item>

这样就可以拿到选择的那一行的code、level进行操作