版权声明：本文为博主原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/qq_35393869/article/details/88816170
element-ui级联选择器(Cascader)获取级联对象 ：主要是想获取:label值、value值
效果图预览：
代码参考如下：
<el-cascader
ref="cascaderAddr"
:options="addressOptions"
change-on-select
v-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级联选择器(Cascader)获取label值 - 代码篇 ” 的全部内容。