Vben Form组件中Select输入框如何动态获取下拉数据（基础版）

😎此处所用到的是vben提供的useForm当中的 updateSchema 方法。

  const [registerForm, { resetFields, setFieldsValue, validate, 
  ----------------------------------updateSchema----------------------------------------
  }] = useForm({
        labelWidth: 80,
        schemas: formSchema,
        showActionButtonGroup: false,
       });

🤯在表单初始化时，异步获取对应的下拉框选项数据，同时利用updateSchema：field​指定对应的下拉框组件，将获取的异步数据反到对应的options​选项当中。

   let options: Options[] = reactive([]);
   const apioptions: any = await XXXApi();
    apioptions.forEach((item) => {
      options.push({
        label: item.name,
        value: item.code,
      });
    });
    //将数据放到下拉框上
   updateSchema({
      field: 'typeCode',
      componentProps: {
        options: unref(options),
      },
   });

🤣上述是一种写法，其实更好的方式是和后端商量（battle）好返回的数据格式。

{label:'',value:''}

vben admin下拉框（类型为：select）获取后台数据（带搜索）_vben apiselect-CSDN博客