跳到主要内容

定义Form新组件

1.如何自定义表单组件

编写组件实现 src/components/Form/src/jeecg/modal/RoleSelectModal.vue

定义表单组件类型 src/components/Form/src/types/index.ts

注册组件 src/components/Form/src/componentMap.ts

注入表单 src/components/Form/src/jeecg/components/JSelectRole.vue

2.组件单独使用方法

<JAreaLinkage v-model:value="model[field]" :showArea="true" :showAll="false" />

新组件代码​

  • src/assets/less/JAreaLinkage.less （+）
  • src/components/Form/src/components/JAreaLinkage.vue（+）

注册配置​

  • src/components/Form/src/componentMap.ts
  • src/components/Form/src/types/index.ts
  • src/components/Form/index.ts

示例代码​

  • src/views/demo/form/index.vue