开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >element-ui 中 ele-select 获取选中option的label值

element-ui 中 ele-select 获取选中option的label值

十里青山

发布于 2022-08-07 10:55:32

4.3K0

发布于 2022-08-07 10:55:32

举报

文章被收录于专栏：我的前端之路我的前端之路

给需要获取label值的select取一个名字 ref="itemSelect"

<el-select placeholder="请选择项目" ref="itemSelect" size="small" v-model="projectId">
    <el-option
      :key="item.pkId"
      :label="item.parentName + '-' + item.iteamName"
      :value="item.pkId"
      v-for="item in projectData"
    ></el-option>
</el-select>

通过名字获取选中option的label值,如果此方法失效，可打印此对象this.$refs.itemSelect，查找选中项的label值

this.$refs.itemSelect.selectedLabel

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-11-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

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

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.