elementui Cascader 级联选择器选择任意一级选项可选择父元素

原创已于 2023-10-07 14:17:00 修改 · 1.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #elementui #开发语言 #vue.js

于 2023-10-07 11:09:06 首次发布

文章介绍了如何在前端使用Vue组件`el-cascader`时，通过`defaultProps`配置后端返回的数据结构，特别是如何处理`data_tree`数组，以及props选项如children、label、value等的含义和作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端返回的数据

 <el-cascader :props="defaultProps" v-model="formInline" :options="data_tree" />

   defaultProps: {
                children: "alassifyVoList", // 下面的子元素
                label: "name", //展示的名称
                value: 'id', // 唯一的id
                emitPath: false, //在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数 
                                  组，若设置 false，则只返回该节点的值
                checkStrictly: true  //是否严格的遵守父子节点不互相关联
  },
  data_tree: [],// 后端回显给你的数据
  formInline：'',//绑定的名称

props可自行配置