动态获取部门（el-tree-select）自定义键名

标签：el const 键名 自定义 dataTree clonData data children datas

　<el-tree-select

            check-strictly
            size="large"
            :props="treeProps"
            :data="datas.dataTree"
            v-model="datas.Departmentid"
            :multiple="false"
            placeholder="请选择"
            :normalizer="normalizer"
            @node-click="handleNodeClick"
          />

  const dataTree = reactive([] as any[]);
//初始化 onMounted(() => {   getDeptTree().then((data) => {     //console.log("树形选择", data);
    //部门     Object.assign(dataTree, data?.Data); //赋值
    //反序列     const clonData = JSON.parse(JSON.stringify(data?.Data)); //深度克隆
    //console.log("深度转化", clonData);     //const bb = normalizer(clonData);     //datas.dataTree.push(bb.treeProps);
    datas.dataTree.push(clonData);   }); });
//部门 const treeProps = reactive({   value: "id",   label: "name",   children: "children", });
//自定义键名 const normalizer = (dataTree: any) => {   if (dataTree.children && !dataTree.children.length) {     delete dataTree.children;   }   return {     treeProps: {       value: dataTree.id,       label: dataTree.name,       children: dataTree.children,     },   }; };   //节点点击事件 const handleNodeClick = (data: any) => {   //console.log("节点点击事件", data);   datas.Departmentname = data.name;   datas.Departmentid = data.id; };   const datas = reactive({   dataTree: [] as any[], });

标签：el,const,键名,自定义,dataTree,clonData,data,children,datas
From： https://www.cnblogs.com/wwappb678244233/p/16634887.html