下拉框:value的作用例子

value是前端真正传给后端的值，那么当:value="subject:id"时，我们定义一个@change事件

          <!-- 二级分类 -->
          <el-select
              v-model="courseInfo.subjectId"
              placeholder="二级分类" @change="subjectLevelTwoChanged">
              
              <el-option
              v-for="subject in subjectTwoList"
              :key="subject.id"
              :label="subject.title"
              :value="subject.id"/>
          </el-select>


...
  methods: {
        subjectLevelTwoChanged(value) {
          alert(value)
    },
  }

当subjectLevelTwoChanged参数是value时：

当subjectLevelTwoChanged参数是label时：

    subjectLevelTwoChanged(label) {
      alert(label)
    },

当修改:value="subject.title"

      <!-- 二级分类 -->
          <el-select
              v-model="courseInfo.subjectId"
              placeholder="二级分类" @change="subjectLevelTwoChanged">
              
              <el-option
              v-for="subject in subjectTwoList"
              :key="subject.id"
              :label="subject.title"
              :value="subject.title"/>
          </el-select>

  ...
    subjectLevelTwoChanged(label) {
      alert(label)
    },

所以这个例子很好的验证了value的作用