杂谈：
今天属于正式入职了，刚来就碰到了老总，还能和老总夸两句话，真不错。然后就是今天早上开表彰大会，给优秀员工发了红包，加我一起有三个人分别沾光领了一个小红包，哈哈哈。
今日任务
重新搭建公司电脑新环境，完成了一个小测试。一个城市有多所学校，学校有多个校区，校区有多个年级，年级有多个班，班里面有多个人。
test1 自己做数据模拟，并且成功用element或者vant的层级结构展示
test2 当一个学校只有一个校区的时候，校区这一栏直接进行删除，展示班级即可
test3 老师直接展示他所带班级即可
test4 根据选择班级人物进行一个列表展示效果
结果
模拟数据 ` options: [
{
schoolId: 101,
value: "firstSchool",
label: "第一学校",
children: [
{
areaId: "101-1",
value: "firstArea",
label: "第一校区",
children: [
{
value: "classOne",
label: "第一年级",
children: [
{
value: "OneToOne",
label: "一年级一班",
children: [
{
studentId: "001",
label: "test",
value: {
name: "test",
chinese: 88,
math: 88,
english: 88,
},
},
],
},
{
value: "OneToTwo",
label: "一年级二班",
children: [{}],
},
{
value: "OneToThree",
label: "一年级三班",
children: [{}],
},
],
},
{
value: "classTwo",
label: "第二年级",
children: [
{
value: "OneToOne",
label: "二年级一班",
children: [{}],
},
{
value: "OneToTwo",
label: "二年级二班",
children: [{}],
},
{
value: "OneToThree",
label: "二年级三班",
children: [{}],
},
],
},
{
value: "classThree",
label: "第三年级",
children: [
{
value: "ThreeToOne",
label: "三年级一班",
children: [{}],
},
{
value: "ThreeToTwo",
label: "三年级二班",
children: [{}],
},
{
value: "ThreeToThree",
label: "三年级三班",
children: [{}],
},
],
},
],
},
{
areaId: "101-2",
value: "secondArea",
label: "第二校区",
children: [
{
value: "classOne",
label: "第一年级",
children: [
{
value: "OneToOne",
label: "一年级一班",
children: [{}],
},
{
value: "OneToTwo",
label: "一年级二班",
children: [{}],
},
{
value: "OneToThree",
label: "一年级三班",
children: [{}],
},
],
},
{
value: "classTwo",
label: "第二年级",
children: [
{
value: "OneToOne",
label: "二年级一班",
children: [{}],
},
{
value: "OneToTwo",
label: "二年级二班",
children: [{}],
},
{
value: "OneToThree",
label: "二年级三班",
children: [{}],
},
],
},
{
value: "classThree",
label: "第三年级",
children: [
{
value: "ThreeToOne",
label: "三年级一班",
children: [{}],
},
{
value: "ThreeToTwo",
label: "三年级二班",
children: [{}],
},
{
value: "ThreeToThree",
label: "三年级三班",
children: [{}],
},
],
},
],
},
],
},
{
schoolId: 102,
value: "firstSchool",
label: "第二学校",
children: [
{
value: "firstArea",
label: "第一校区",
children: [
{
value: "classOne",
label: "第一年级",
children: [
{
value: "OneToOne",
label: "一年级二班",
children: [{}],
},
{
value: "OneToTwo",
label: "一年级二班",
children: [{}],
},
{
value: "OneToThree",
label: "一年级三班",
children: [{}],
},
],
},
],
},
],
},
], ` 就是一个嵌套的一对多的数据处理
剩下的任务就是对数据进行一个处理即可
今日小bug
如果同时在两个页面引入了同一个json文件，对该文件数据进行处理，会对宁外一个页面产生影响。 有老师指导到可能是vue底层对这个json转成了对象形式存储，可以改成调用函数进行返回数据。
最后就是 复习vue，重新开始看
