element-ui 中 Cascader 级联选择器同时获取value值和label值
2019-07-26 08:52
1761 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_28252421/article/details/97367011
- 给Cascader 级联选择器添加一个别名
<el-cascader :options="options" ref="myCascader"></el-cascader>
- 选择完毕之后可以通过别名获取
let labelValue = this.$refs['myCascader'].inputValue
当然,element-ui在一直更新变化,label值的字段可能不会一直是inputValue,如果通过inputValue无法获取,大家
console一下基本就可以找到是哪个字段了。
console.log(this.$refs['myCascader'])
相关文章推荐
- 使用element UI Cascader 级联选择器实现简单的选择生日日期的功能(没有年份)
- element UI Cascader 级联选择器 编辑 修改 数组 路径 问题(转载)
- vue+axios+element-ui实战(四)-- 中国省市区级联选择
- element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)
- elementui cascader 级联选择器 清空、重置
- 在使用element ui时DatePicker 日期选择器组件获取时间格式问题
- ElementUI DatePicker 日期选择器控制选择时间范围
- jQuery获取Select选择的Text和Value
- jQuery获取Select选择的Text和 Value(转)
- vue:element-ui时间选择器限制只能点不能输入
- jQuery获取Select选择的Text和 Value(转)
- jQuery获取Select选择的Text和 Value(转)
- jQuery获取Select选择的Text和 Value(转)
- 组件element------form组件(1),Radio 单选框-----Cascader 级联选择器
- jQuery获取Select选择的Text和 Value(转)(
- jQuery获取Select选择的Text和 Value(转)
- jQuery 属性选择器 Demo like: element[herf*='value']
- jQuery获取Select选择的Text和Value(详细)
- Vue.js获取被选择的option的value和text值
- 基于Vue+ElementUI的省市区选择公共组件