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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM