element-UI级联选择器(Cascader)获取label值 - 代码篇
element-ui级联选择器(Cascader)获取级联对象 :主要是想获取:label值、value值
效果图预览:
代码参考如下:
<el-cascaderref="cascaderAddr":options="addressOptions"change-on-selectv-model="form.areaCode"@blur="handleAddressFun"
></el-cascader><script>
const thsAreaCode='' // 拼接 三级联动地址代码// 三级地址选择handleAddressFun: function(e,form,thsAreaCode){// thsAreaCode = this.form.areaCode // 注意1:获取value值thsAreaCode = this.$refs['cascaderAddr'].currentLabels //注意2: 获取label值alert(thsAreaCode) // 注意3: 最终结果是个一维数组对象},
</script>
注意:
如上述代码:
- 先给级联选择器
ref=""
重命一个新组件名为cascaderAddr
- 然后,使用
this.$refs['新组件名'].currentLabels
博客参考:
element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值) 【v-for遍历(不推荐)】
格式转化:
A/B/C => A_B_C
查看文章详情element-UI官网组件地址
以上就是关于“ element-UI级联选择器(Cascader)获取label值 - 代码篇 ” 的全部内容。
element-UI级联选择器(Cascader)获取label值 - 代码篇相关推荐
- Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
- element ui 级联选择器,渲染后不显示数据
element ui 的级联选择器只能用 value label 来渲染,而往往后端发给我们的数据并不是按照这个来命名的,所以element ui给我们提供了Props来进行配置 但鉴于本人水平有限, ...
- element-UI级联选择器(Cascader 回显、默认显示项) - (返回结果的)格式转化 - 代码篇
el-cascader组件 :(返回结果的)格式转化 有时候会报错:TypeError: thsAreaCode.replace is not a function (bug截图如下) 说白了就是该组 ...
- 使用element ui 日期选择器获取值后的格式问题
一般情况下,我们需要给后台的时间格式是: "yyyy-MM-dd" 但是使用Element ui日期选择器获取的值是这样的: Fri Sep 22 2017 00:00:00 GM ...
- 【vue开发问题-解决方法】(五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function
[vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...
- iView级联选择器Cascader回显慢的问题
简单小结一下,iView在日常开发中所遇到的一点小问题, 今日简单聊聊iView级联选择器Cascader的使用心得: [参考资料:iView ] 1.存在问题: Cascader选择器在回显数据时会 ...
- 获取python脚本的返回值_Python多线程获取返回值代码实例
这篇文章主要介绍了Python多线程获取返回值代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在使用多线程的时候难免想要获取其操作完的返回值 ...
- js获取图片真实尺寸 - 代码篇
js获取图片真实尺寸 - 代码篇 代码案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...
- JavaScript 读写 span标签的值 - 代码篇
JavaScript 读写<span>标签的值 - 代码篇 span取值: innerText 1. 效果图: 2. 重要代码: document.getElementById(" ...
最新文章
- Python网络爬虫之scrapy爬虫的基本使用
- vuex之state-状态对象的获取方法(三)
- android网络监听
- block inline 和inline-block 块级元素和内联元素
- JDK8新特性(七)之Stream流的count()、filter()、limit()、skip()方法
- python笔记06_进程vs线程
- C++的ORM 开源框架
- 【mindspore】数据加载报错,提示The pointer[cnode] is null.
- 七夕动态表白代码,基于python
- 欧姆龙PLC的FINS协议解释(实测通过)
- 异地多活 以阿里为例
- 【干货来袭】arm程序汇编指令总结,让你更高效的学习!
- acm-(贪心)Codeforces Raif Round 1 (Div. 1 + Div. 2) E. Carrots for Rabbits
- intouch的报警怎么用语音通知到手机用户
- 题目:输入一段字符串,包括有字母、数字等类型字符,要求输出其中数字字符组成的整数之和
- QtCreator搜索关键字方法
- python-web项目打包部署方式
- OkHttp-get方法
- vscode Python扩展正在加载
- 怎么在Windows上打开epub文件