elementui Select 选择器/Cascader 级联选择器获取label值

<div>

已于 2022-06-02 08:48:06 修改

阅读量368

点赞数

CC 4.0 BY-SA版权

文章标签： elementui vue.js 前端

于 2022-06-01 17:21:12 首次发布

本文链接：https://blog.youkuaiyun.com/max100c/article/details/125087072

该博客内容涉及Vue.js框架中的组件交互，包括使用`el-select`和`el-cascader`组件。通过`this.refs`获取`el-select`的选中标签值以及`el-cascader`的路径标签值和当前选中标签值，展示了如何在Vue应用中进行数据绑定和组件通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-select class="width_style" ref="fundSelect" v-model="scopeData.fundsType">
          <el-option v-for="(item,idx) in fundsType" :key="idx" :label="item.label" :value="item.value" />
        </el-select>
        
        <el-cascader class="width_style" v-model="typeas" ref="cascaderTypes" :options="fundsList" clearable  :props="{ checkStrictly: true }" />

this. $r e f s . f u n d S e l e c t . s e l e c t e d L a b e l, / / e l - s e l e c t 获取 l a b e l 值 t h i s .$ refs.cascaderTypes.getCheckedNodes()[0].pathLabels //el-cascader获取label值返回数组
this.$refs.cascaderTypes.getCheckedNodes()[0].data.label //获取当前的label值