Skip to content

TTreeSelect / 树形选择器

TreeSelect provides a dropdown selector with a tree structure. Supports multiple selection, search filtering, leaf-only selection, and collapse tags. / 树形选择器提供树形结构的下拉选择,支持多选、搜索过滤、仅末级选择和折叠标签。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
dataTreeSelectOption[]Tree data
multiplebooleanfalseMulti-select
leafOnlybooleanfalseLeaf nodes only
filterablebooleanfalseSearchable
clearablebooleanfalseClearable
collapseTagsbooleanfalseCollapse tags (multiple)

Basic Usage / 基础用法

vue
<script setup lang="ts">
import { TTreeSelect } from '@gulcc/tabler-vue'
</script>

<template>
  <TTreeSelect v-model="selected" :data="treeData" />
</template>