element-ui Cascader 获取label

讨论社区 / 日志 / 帖子详情

element-ui Cascader 获取label

2022-10-08 17:22:18

216

{{single.collect_count}}

element-ui Cascader 获取当前选择的节点数据包括label,value,自定义都能拿到

<el-cascader:options="options"ref="cascaderAddr":props="{ checkStrictly: true }"@change="handleChange"clearable><template slot-scope="{ node, data }"><span>{{ data.label }}</span></template></el-cascader>handleChange(){console.log(this.$refs["cascaderAddr"].getCheckedNodes();)//获得当前节点，}

打印结果
在这里插入图片描述

上一页：Element引入和使用

下一页：vue3.0、cli4项目引入element plus

回帖

全部回帖（{{commentCount}}）

{{item.user.nickname}}

{{item.user.group_title}}

{{item.friend_time}}

{{item.content}}

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.user.nickname}}

{{reply.user.group_title}}

{{reply.friend_time}}

{{reply.content}}

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

{{commentLoading ? '加载中...' : '查看更多评论'}}

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6222

回帖数

147

{{userInfo.describe}}

文章

{{blog_count}}

回帖

{{blog_comment_count}}

收藏

{{blog_collect_count}}

文章

-

评论

-

粉丝

-

1 gitlab中国官方网站

2 攻入网站后台的方法

3 Yandex企业邮箱注册

4 WordPress Rest API 入门详解

5 Thinkphp5.0 获取新增数据的ID

6 thinkphp5 解决跨域问题

7 Thinkphp6 的 where 查询条件 and 和 or 的操作

8 PHP的exec()函数用法详解

9 Vue3官网使用及简介

10 thinkphp6配置连接微软的sqlserver数据库