谷粒学院82——修改课程(下)

测试。发现按一个小bug:课程二级分类显示的是id。

怎么回事？下拉列表数据的默认显示原理是:根据存储下拉选项的list的id与需要默认显示的id进行一一比较,将匹配的list中的数据进行回写。一级分类在页面中对subjectOneList默认进行了初始化，但二级分类subjectTwoList没有。下面具体解决下，看下代码就可以更好的理解这个过程了。

methods: { 
	getCourseInfo() {
    course.getCourseInfoById(this.courseId)
    .then((resp) => {
      // 获取当前课程信息
      this.courseInfoform = resp.data.courseInfoForm
    
      // 查询所有一级课程分类，初始化subjectOneList
     subject.getAllSubject()
     .then((response) => {
        this.subjectOneList = response.data.list
         for(var i = 0; i<this.subjectOneList.length; i++) {
          // 从当前课程信息中获取一级课程分类id,与所有以及课程分类的id比较，相等则显示所有二级分类id
          var oneSubject = this.subjectOneList[i]
          if(oneSubject.id == this.courseInfoform.subjectParentId) {
             this.subjectTwoList = oneSubject.children
          }
      }
     })
     
    })
  }

  },
  created() { 
      // 修改
      if(this.$route.params && this.$route.params.id) {
        this.courseId = this.$route.params.id
        this.getCourseInfo()
        this.getListTeacher()
      } else{
        // 添加
         this.getListTeacher()
         this.getOneSubject()
      }
  }

这里还有一个小bug:上一步回显数据后点击添加课程，回显的数据还在。下面解决下。

  watch: {
    $route(to, from) {
      //路由变化方式，当路由发送变化，方法就执行
      console.log("watch $route");
      this.courseInfo={}
    },
  }