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)
},
}