# 級聯選擇器
當一個數據集合有清晰的層級結構時,可通過級聯選擇器逐級查看并選擇。
cascader級聯選擇器除了基礎配置以外,主要的配置包含兩大類:屬性配置和數據配置。

## 1、 屬性配置
屬性配置中包含了組件當前顯示的外觀及功能。當前主要包含:
* 輸入提示
* 是否可以多選
* 是否可以搜索
* 是否可以清除
* 是否隱藏
* 是否禁用
## 2、 數據配置
數據配置標示了當前下拉選擇器所能展示的數據。當前支持靜態數據、API接口 兩種輸入格式的接入。
### 靜態數據
靜態數據配置直接在配置上填寫即可。

### API接口
API接口通過axios請求獲取后端的接口數據后進行加載展示。
*****
**配置說明**
**遠端方法**:
遠程請求的接口地址。 目前僅支持get請求。
**列表數據dataPath**
遠程請求后數據很多時候并不直接就是數組,在返回的數據結構中在某個路徑下才是我們需要的數據。
此處的解析依賴object-path。
舉例1:
```
假設當前的數據返回結構為
{
"msg":"操作成功",
"code":0,
"data":[
{"id": 1 , "name": "張三"},
{"id": 2 , "name": "李四"}
]
}
則此時的dataPath 應該填寫為: data
```
舉例2:
```
{
"msg":"操作成功",
"code":0,
"data":{
list: [
{"id": 1 , "name": "張三"},
{"id": 2 , "name": "李四"}
],
pageIndex: 1,
pageSize: 2,
totalCount: 78
}
}
則此時的dataPath 應該填寫為: data.list
```
**值字段**
通過dataPath解析出來的數組單個值中標記value的字段。
**標簽字段**
通過dataPath解析出來的數組單個值中用來顯示的字段。