element-UI级联选择器(Cascader)获取label值 - 代码篇
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值 - 代码篇 ” 的全部内容。