Skip to content

CondorTreeSelect

CondorTreeSelect 是一个树形下拉选择器,从远程接口加载树形数据,支持多选、勾选和级联选择。

组件 Props

参数名类型默认值说明
valueany-绑定的值
urlstring-必需 远程数据接口 URL
checkStrategy'all' / 'parent' / 'child''all'勾选策略
defaultExpandAllbooleantrue是否默认展开所有节点
multiplebooleanfalse是否多选
checkablebooleanfalse是否显示勾选框
cascadebooleanfalse是否父子联动
labelFieldstring'name'显示名称字段
keyFieldstring'id'选项值字段
paramany{}附加的请求参数
i18nkeybooleanfalselabel 是否为国际化对象

组件事件

事件名说明参数
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 是平铺展示的树形勾选面板。