element-UI级联选择器(Cascader)获取label值

<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>

记录下代码

改造后

  <el-cascader :options="cascaderoPtions" :props="props" collapse-tags clearable @change="cascaderChange" v-model="cascaderValues"></el-cascader>



 data: {
            //测站名称多选框开启
            props: {
                multiple: true
            },
            // 测站名称的数据源
            cascaderoPtions: [],
            //下拉选中的所有测站
            cascaderValues: []
        },


  cascaderChange(e, form, thsAreaCode) {
                thsAreaCode = this.cascaderValues 
                console.log(thsAreaCode)
            },

转载于

element-UI级联选择器(Cascader)获取label值 - 代码篇_草巾冒小子的博客-CSDN博客_element级联选择器获取labelelement-ui级联选择器(Cascader)获取级联对象 ：主要是想获取:label值、value值效果图预览：代码参考如下：<el-cascaderref="cascaderAddr":options="addressOptions"change-on-selectv-model="form.areaCode"@blur="handleAddressFu...https://blog.csdn.net/qq_35393869/article/details/88816170