Day07-添加课程信息（3）--课程分类多级联动-p112，2024前端大厂面试知识分享

===================================================================

2、获取一级分类

=======================================================================

2.1、组件数据定义

---

定义在data中

data(){

return {

saveBtnDisabled:false,

courseInfo:{

title: '',

//一级分类Id

subjectParentId:'',

//二级分类Id

subjectId: '',

teacherId: '',

lessonNum: 0,

description: '',

cover: '',

price: 0

},

teacherList:[],//封装所有讲师

subjectOneList:[],//一级分类

subjectTwoList:[]//二级分类

}

},

2.2、组件模板

---

<el-select

v-model="courseInfo.subjectParentId"

placeholder="一级分类" @change="subjectLevelOneChanged">

<el-option

v-for="subject in subjectOneList"

:key="subject.id"

:label="subject.title"

:value="subject.id"/>

2.3、组件脚本

---

表单初始化时获取一级分类嵌套列表，引入subject api

import subject from '@/api/edu/subject'

2.4、定义方法

---

//查询所有一级分类

getOneSubject(){

subject.getSubjectList()

.then(response=>{

this.subjectOneList = response.data.list

})

},

3、级联显示耳机分类

=========================================================================

3.1、组件模板

---

<el-select

v-model="courseInfo.subjectId"

placeholder="二级分类">

<el-option

v-for="subject in subjectTwoList"

:key="subject.id"

:label="subject.title"

:value="subject.id"/>

3.2、注册change事件

---

在一级分类的组件中注册change事件

最后

四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~

祝大家都能收获大厂offer~

篇幅有限，仅展示部分内容

开源分享：docs.qq.com/doc/DSmRnRG…