Element的el-cascader组件获取级联选中的label值

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)
  },
}
原文地址:https://www.cnblogs.com/luoyihao/p/14034886.html