下拉框: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的作用

__EOF__

本文作者：cnhkzyy
本文链接：https://www.cnblogs.com/my_captain/p/16188039.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！