Element-ui Cascader 级联选择器 同时返回 value 和 label

cascader 组件赋值一个别名 ref="myCascader"

<el-cascader
            ref="myCascader"
            placeholder="可输入地区名字搜索,例如:北京"
            @change="onProvincesChange">
          </el-cascader>

然后我们就可以通过 currentLabels 来获取 cascader 组件中的 label

onProvincesChange(item) {
  console.log(item, this.$refs['myCascader'].currentLabels)
}

以上大概是 2.9.2 版本之前可用的方法

(根据 issues 2.7.2版本 是能用的)

在 2.9.2 后官方新增了 getCheckedNodes() 方法

查看官方文档

该方法返回选中节点的 array,如果是单选的话,使用

this.$refs.myCascader.getCheckedNodes()[0].pathLabels 

即可拿到选中的 labelArray

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3 119
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 感恩是一种处世哲学,也是生活中一种大智慧。学会感恩,我们才能更积极地去生活;学会感恩,我们才能铸就更高尚的人...
    丝瓜君阅读 445评论 0 1
  • 辗转思考 丈夫于世间 上有二老 一世八十年 岂不得一红颜终老 成家立业祖宗训 只怕奋斗取巧 误了己身 难当双肩所挑...
    齐大东阅读 358评论 0 0