三级联动

提起三级联动你会想到什么？
三级联动又是什么呢？

特点：一对多。一个学校有多个学院，一个学院有多个专业。这就是三级联动的核心思想

三级联动的sql语句

以学院和专业为例

SELECT * FROM profession WHERE id in(SELECT profession_id FROM cp WHERE college_id=1)


cp是一个是学院id和专业id的一个中间表

三级联动的前端代码

        <el-select  @change="findCollegeId"  v-model="value6" placeholder="选择系别">
        <el-option
        v-for="(item,index) in CollegeList"
        :key="index.id"
        :label="item.college"
        :value="item.id">
        </el-option>

,findCollegeId(value6){
    console.log(value6)
    this.value2=""//优化回显
    this.$axios.get("/api/findCollegeId",{params:{id:value6}}).then(e=>{
      console.log(e)//打印返回的结果
      this.professionList=e.data//请求的是专业，进行数据绑定
  })
  }

三级联动的后端代码

ProfessionMapper

注解@Param把参数和变量名xml文件进行绑定

三级联动的页面

通俗的讲三级联动
eg：你快递写地址的时候你需要选择
省 市 县，必须得一级一级的选择，这就是三级联动

—————————————————————————
创作不易，希望可以得到你的支持。

永远都是追梦人