element-UI级联选择器(Cascader)获取label值 ，this.$refs['新组件名'].currentLabels 在2.7版本给移除了，新的解决方法。

效果图预览：

 代码参考如下：

<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

 this.$refs['新组件名'].currentLabels 在2.7版本给移除了 可以通过this.$refs['件名'].getCheckedNodes() 获取到选中的节点 

 

spokesmanIdChange(e) {

console.log('666', this.$refs['cascaderAddr'].getCheckedNodes()[0].label)

console.log("选择大会", e);

},

 

效果图

如果我的内容对你有帮助，欢迎投食（dashang）。