TTreeSelect / 树形选择器
TreeSelect provides a dropdown selector with a tree structure. Supports multiple selection, search filtering, leaf-only selection, and collapse tags. / 树形选择器提供树形结构的下拉选择,支持多选、搜索过滤、仅末级选择和折叠标签。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
data | TreeSelectOption[] | — | Tree data |
multiple | boolean | false | Multi-select |
leafOnly | boolean | false | Leaf nodes only |
filterable | boolean | false | Searchable |
clearable | boolean | false | Clearable |
collapseTags | boolean | false | Collapse tags (multiple) |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TTreeSelect } from '@gulcc/tabler-vue'
</script>
<template>
<TTreeSelect v-model="selected" :data="treeData" />
</template>