el-tree-select 如何使用不规则的数据作为数据来源
在项目中可能使用的 tree 数据并不是那么标准,这样不要紧,只要我们通过 props 指定一下数据结构即可。
比如,项目中的数据结构是这样的:
我们只需要使用 pros 字段指定 tree 用到的 label
value
children
即可,tree 就会自动匹配显示了,不需要非得转化成 tree 原始需要的数据结构。
<el-tree-select
v-model="formUser.orgId"
:data="orgListOriginData"
check-strictly
:props="{ label: 'name', value: 'id', children: 'children' }"
:render-after-expand="false"
/>