zoukankan      html  css  js  c++  java
  • Element的el-select组件change事件获取label的值

    在如下el-select组件的代码中,要想在change事件时获取label的值。

    <el-select
      v-model="ruleForm.usualReviews"
      :readonly="true"
      class="oms-select"
      placeholder="请选择常用意见"
      @change="selectChanged"
    >
      <el-option v-for="item in list"
        :key="item"
        :value="item.opinionId"
        :label="item.content"
      ></el-option>
    </el-select>

    我们可以修改:value的值为"{value:item.opinionId,label:item.content}"。

    <el-select
      v-model="ruleForm.usualReviews"
      :readonly="true"
      class="oms-select"
      placeholder="请选择常用意见"
      @change="selectChanged"
    >
      <el-option v-for="item in list"
        :key="item"
        :value="{value:item.opinionId,label:item.content}"
        :label="item.content"
      ></el-option>
    </el-select>

    再选择下拉框,触发selectChanged函数,则可以获取到label的值。

    selectChanged(params){
      const { value, label } = params
      this.ruleForm.processReview = label
    }

    即可。

  • 相关阅读:
    [排错] VO对象和POJO对象的关系
    celery(异步处理)+redis
    django开发经验(每日生鲜)
    开发流程
    linux 使用问题
    磁盘的操作
    文件系统的简单操作
    LINUX磁盘与档案系统
    文件操作
    Linux文档修改
  • 原文地址:https://www.cnblogs.com/luoyihao/p/14297928.html
Copyright © 2011-2022 走看看