# Fetch 远程加载候选项
通过 fetch
配置,开发者可以通过远程接口获取 select/checkbox/radio/cascader 元素的候选值。
TIP
配置 fetch 属性后,options 属性可省略。
属性名 | 属性值说明 | 默认值 |
---|---|---|
api | [Function] 接口函数 可以是定义在 src/api 目录的接口函数,也可以是匿名函数 接口返回参数格式: { returnCode: "0000", data: [{}, ...], returnCode: "请求成功" } | 无 |
params | [Object] 接口参数 将随接口请求发送至接口服务端 | {} |
trigger | [String] 指定查询执行的时机 如果设置了该属性,则元素初始化时不自动发起查询。 目前仅支持配置为 focus ,即在元素获取焦点时发起查询。 | 无 |
示例
import { getAddrCodeList } from '@/api/fetch-options'
const formFields = [
{
label: '客户地址',
field: 'address',
type: 'cascader',
rule: ['required'],
value: [],
props: {
label: 'name',
value: 'name'
},
fetch: {
api: getAddrCodeList
}
},
...
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19