Element的el-cascader(级联器)组件的value容易获取,主要是label。用 this.$refs[关联组件名].currentLabels 可以获取,但是这个方法已经过期了。

需使用getCheckedNodes方法的节点获取。即

this.$refs["cascader"].getCheckedNodes()[0].label

示例代码如下:

<el-cascader
v-model="statIndicatorForm.categor"
:options="optionsCategor"
:show-all-levels="false"
placeholder="请选择"
@change="handleChange"
ref="cascader"
/>
methods: {
handleChange(value) {
console.log(this.$refs["cascader"].getCheckedNodes()[0].label)
}
}

如果想要获得多级级联的label,则通过pathLabels可以获得对应的label数组。

methods: {
handleChange(value) {
console.log(this.$refs["cascader"].getCheckedNodes()[0].pathLabels)
},
}