fx-platform-uiAppearance
省市区联动 area
动态请求使用
一次性所有数据使用
API
area
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value(v-model) | 指定选中项 | string[] | number[] | -- |
| fieldNames | 自定义 options 中 label name children 的字段 | object | { label: 'label', value: 'value', children: 'children' } |
| placeholder | 输入框占位文本 | string | '请选择' |
| api | 动态请求函数 | (params) => Promise | null |
| params | 第一次请求的参数,需要与`api`进行使用 | Object | {} |
| level | 展示级别(例：只展示'省市区' level就为3),需要与`api`进行使用 | Number | 4 |
| options | 可选项数据源 | Array | -- |
| -- | 所有ant design cascader组件的props | -- | -- |
事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 选择完成后的回调 | (value, selectedOptions) => void |
js
/** 根据组件规范， 当是'动态数据展示'的情况，数据展示格式如下：
* 必要项
* code 区域码 （必须有，参数可以不同 可以通过 fieldNames 配置）
* name 区域名称（必须有，参数可以不同 可以通过 fieldNames 配置）
* level 区域级别 （必须有，prop :level 会用到，参数名不能变）
* disabled 是否禁用 （非必填项，如果使用参数不能变）
* 其他参数该组件暂无使用
*
*/
const callbackData = [
{
code: 530000,
level: 1,
name: "云南省",
parentCode: 0,
yn: 1
},
{
code: 150000,
level: 1,
name: "内蒙古",
parentCode: 0,
yn: 1
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28