CondorTreeSelect
CondorTreeSelect 是一个树形下拉选择器,从远程接口加载树形数据,支持多选、勾选和级联选择。
组件 Props
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | any | - | 绑定的值 |
| url | string | - | 必需 远程数据接口 URL |
| checkStrategy | 'all' / 'parent' / 'child' | 'all' | 勾选策略 |
| defaultExpandAll | boolean | true | 是否默认展开所有节点 |
| multiple | boolean | false | 是否多选 |
| checkable | boolean | false | 是否显示勾选框 |
| cascade | boolean | false | 是否父子联动 |
| labelField | string | 'name' | 显示名称字段 |
| keyField | string | 'id' | 选项值字段 |
| param | any | {} | 附加的请求参数 |
| i18nkey | boolean | false | label 是否为国际化对象 |
组件事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| update:value | 选中值变化时触发 | 更新后的值 |
基本用法
vue
<template>
<CondorTreeSelect
v-model:value="deptId"
url="/core/dept/tree"
label-field="dept_name"
/>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const deptId = ref(null);
</script>与 CondorTreeCheck 的区别在于,CondorTreeSelect 以 NTreeSelect 下拉形式展示,而 CondorTreeCheck 是平铺展示的树形勾选面板。