Element-ui Cascader 级联选择器同时返回 value 和 label

最新推荐文章于 2024-07-12 17:15:29 发布

weixin_30364325

最新推荐文章于 2024-07-12 17:15:29 发布

阅读量567

点赞数

原文链接：http://www.cnblogs.com/edensyd/p/10406900.html

版权

给 cascader 组件赋值一个别名

<el-form-item label="部门" prop="departmentId">
        <el-cascader
          ref="cascaderAddr"
          :options="departmentData"
          change-on-select
          v-model="departmentIds"
          :props="defaultProps"
          @change="getDepartmentId"
          clearable
        >
        </el-cascader>
      </el-form-item>

然后我们就可以通过 currentLabels 来获取 cascader 组件中的 label 了

// 选择部门
    getDepartmentId(currentVal) {
      if (currentVal.length == 0) {
        this.conditionForm.departmentId = '';
      } else {
        console.log(currentVal,this.departmentIds);
        // this.departmentId = currentVal[currentVal.length-1];
        this.conditionForm.departmentId = currentVal.join(',');
        this.conditionForm.departmentName = this.$refs['cascaderAddr'].currentLabels.join(',');
      }
    },

转载于:https://www.cnblogs.com/edensyd/p/10406900.html