树形+表单的封装+查重数组

一.树形结构的处理

后端传过来的数据,可能是平铺的一个结构：

在财务部下面,有财务核算部,薪资管理部,我们需要将平铺的数据通过递归转化成：

转换成有children的形式，来渲染到页面上去,在这里用到了作用域插槽,具体怎么使用,可以通过查看文档得知。

二.表单组件的封装

在我们点击的时候会出现弹出,我们可以对弹窗进行二次封装,从那几个方面着手呢？

在点击的时候,主要有两个弹窗,新增弹窗和编辑弹窗。

我们可以定义一个变量来将两者进行区分,title的标题和调用接口来进行区分。

如果是add则调用新增接口,如果是edit则调用。

三.部门的查重

我们调用过来的数据是一个平铺的结构,我们把平铺的树形结构数据拿过来,通过自定义表单的验证,来实现,我们可以通过数组的some方法来进行处理。

  let arr = [10, 20, 30, 40, 50];let result= arr.some((item) => {return item === 20;});console.log(result);

some方法能够遍历整个数组,一但符合条件就立即终止循环。