# 下拉選擇器
當選項過多時，使用下拉選擇器展示并選擇內容。
select下拉選擇器中除了基礎配置以外，主要的配置包含兩大類：屬性配置和數據配置。
## 1、 屬性配置
屬性配置中包含了組件當前顯示的外觀及功能。當前主要包含：
* 輸入提示
* 多選
* 是否可搜索
* 是否可清除
* 是否隱藏
* 是否禁用
* 選擇后回調
當選擇了某個下拉選項后，會觸發此處配置的表達式。
* 清除后回調
當選擇了 “可清除”并且配置了 “清除后回調”的腳本，則在點擊清除圖標后會觸發此處配置的表達式。
## 2、 數據配置
數據配置標示了當前下拉選擇器所能展示的數據。當前支持靜態數據、API接口、數據字典（需提前配置）三種輸入格式的接入。
### 靜態數據
靜態數據配置直接在節目上填寫即可。
### API接口
API接口通過axios請求獲取后端的接口數據后進行加載展示。
示例(僅模板)：
```
{
"list": [
{
"type": "select",
"options": {
"defaultValue": "",
"placeholder": "請輸入",
"dynamic": 1,
"options": [],
"remoteFunc": "https://netopt.net/api/bbs/api/hotTopic",
"dataPath": "data",
"remoteValue": "id",
"remoteLabel": "title",
"dictType": "",
"multiple": false,
"showSearch": false,
"clearable": false,
"hidden": false,
"disabled": false,
"selectCb": "",
"clearCb": "",
"linkage": false,
"linkData": []
},
"label": "下拉選擇器",
"labelWidth": -1,
"width": "100%",
"span": 24,
"model": "select_1679566823041",
"key": "select_1679566823041",
"rules": [
{
"required": false,
"message": "必填項",
"trigger": [
"blur"
]
}
]
}
],
"config": {
"labelPosition": "left",
"labelWidth": 100,
"size": "mini",
"outputHidden": true,
"hideRequiredMark": false,
"syncLabelRequired": false,
"customStyle": ""
}
}
```
*****
**配置說明**
**遠端方法**：
遠程請求的接口地址。 目前僅支持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解析出來的數組單個值中用來顯示的字段。
### 數據字典
數據字典需要提前配置。
