Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案，那么在使用该框架的过程中难免会遇到需要使用下拉操作的功能。那么在formSchema中我们要如何使用自定义的本地下拉选择项呢？

1、创建下拉选择项数据

export const bannerTypeList: Dic[] = [
  { value: 0, label: '无操作' },
  { value: 1, label: '链接跳转' },
  { value: 2, label: 'AppTab跳转' },
  { value: 3, label: 'App常规跳转' },
];

2、引入自定义的下拉选择数据

import { bannerTypeList } from '../config';

3、在formSchema使用自定义的下拉数据

export const formSchema: FormSchema[] = [
  {
    field: 'mediaType',
    label: '跳转类型',
    component: 'Select',
    colProps: formColProps,
    defaultValue: 0,//默认值
    componentProps: ({ formModel }) => {
      return {
        placeholder: '请选择跳转类型方式',
        options: bannerTypeList,
        onChange: () => {//选择后改变监听
          
        },
      };
    },
  },
]

以上便是最常见的自定义下拉选择数据在formSchema中的应用，当然除了自定义的数据还可以通过api接口等方式获取自定义数据。