vue+ElementUI 级联选择器根据最后一级选中的值回显整个选中的数组

最新推荐文章于 2024-04-30 16:31:26 发布

VIP文章马飞飞X

最新推荐文章于 2024-04-30 16:31:26 发布

阅读量3.1k

点赞数

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/xxf995546883/article/details/125178489

版权

需求：点击树形结构的最后一级获取到对应的值（id——也可以是是其他属性),需要在编辑弹窗中的级联选择器上显示整个的路径

弹窗

html

<el-form-item label="组织">
        <el-cascader
          v-model="organizationNew"
          :options="orgListArr"
          :props="optionProps"
          @change="handleChange"
        ></el-cascader>
      </el-form-item>

data

 orgListArr: [],
  optionProps: {
        label: 'deptName',
        value: 'id',
        children: 'children',

        checkStrictly: true, // 取消关联可以选择任意一级
  },

orgListArr 接口返回的