---
title: TreeSelect 树选择
description: 类似 Select 的信息录入控件，适用于选择树形的数据结构。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

类似`select`和`cascader`两个组件，方便选择多层级结构的数据，通过`data`属性定义源数据。通
过`value`，`defaultValue`，`v-model`来定义当前选中值。

{{ base }}

## 多选模式

通过`multiple`属性可设置多选模式。

{{ multiple }}

## 前置图标

通过`prefixIcon`可设置前面的图标。

{{ prefixIcon }}

## 是否可清空

通过属性`clearable`来控制是否支持清空功能。

{{ clearable }}

## 折叠已选项

通过`minCollapsedNum`设置当所选项个数超出某个值的时候，会进行折叠处理，并可通过`collapsedItems`设置折叠元素的结构。

> 注意：仅对多选模式适用。

{{ collapse }}

## 可搜索

通过`filterable`属性可设置搜索功能。

{{ filterable }}

## 加载状态

通过`loading`可设置加载中，通过`loadingText`可设置加载中的文字信息。

{{ loading }}

## 最多可选个数

通过`max`可设置最多可选择的个数

{{ max }}

## 不同大小

通过`size`可设置不同大小。

{{ size }}
