zoukankan      html  css  js  c++  java
  • 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)
      },
    }
  • 相关阅读:
    RabbitMQ(四)
    RabbitMQ(三)
    RabbitMQ(二)
    定位
    响应式布局
    学习前端的一些心得
    css样式大全
    常用标签
    HTML
    app 被拒绝原因
  • 原文地址:https://www.cnblogs.com/luoyihao/p/14034886.html
Copyright © 2011-2022 走看看