如何设计一个组件?
- 业务组件:一般指一个完整的组件,直接用就行。
- 通用组件
- 通用组件-Plus:增强版
Form,表单
配置字段:
- ref来获取表单实例的能力
- 从而通过useRef的返回值来调用表单实例的方法。
- formSchema:表单的配置项
- fieldProps:提供一般位于这个FormItem标签上的选项;其中甚至包括onFetchData(其中获取数据)
json
{
label: '',
key: '',
valueType: 'select',
fieldProps: {
dispatchFetchDataWithoutKeyword: false,
placeholder: '',
keyField: 'orgCode',
labelField: 'orgName',
onFetchData: async (f) => {
const res = await fetch(URL, { KeyWord: f });
return res;
},
},
},