前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Element ui select 同时获取value和label的值

Element ui select 同时获取value和label的值

作者头像
用户7043603
发布2022-02-27 10:50:40
2.6K0
发布2022-02-27 10:50:40
举报

html

代码语言:javascript
复制
<el-form-item label="单位名称" prop="checkInUnitName">
    <el-select
        v-model="checkInUnitId"
        class="w440"
        @change="selectUnitName"
        placeholder="请选择你的单位名称" >
        <el-option
            :label="list.name"
            :value="list.id"
            v-for="list in unitList"
            :key="list.id">
            {{list.name}}
        </el-option>
    </el-select>
</el-form-item>

方法

代码语言:javascript
复制
selectUnitName(e){
  let obj = {}
  this.unitList.map((item) => { 
  //  this.unitList 是你 select option遍历的集合 e 是选中的id
    if(item.id === e) {
      obj = item
    }
  })
}

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • html
  • 方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档