# 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
最后更新: 11/18/2021, 11:31:19 AM