生成自定义组件

form-create 支持的在表单内部生成任何 vue 组件

通过component配置项设置自定义组件

通过这种方式可以跳过挂载自定义组件环节

const rule = {
   type:'test',
   component: TestComponent
}

挂载自定义组件

通过 form-create 生成的组件需要先通过以下方式挂载后才可以生成.

全局挂载

app.component(TestComponent)

局部挂载

formCreate.component(TestComponent.name, TestComponent)

通过标签生成组件

通过建立一个虚拟 DOM的方式生成自定义组件

生成

{
    type:'i-button',
    name: 'btn',
    props:{
    	type:'primary',
    	field:'btn',
    	loading:true
    },
    children:['加载中']
  }

修改

通过fApi.component()方法获取组件的生成规则并修改

fApi.component().btn.props.loading = false

示例

通过自定义组件实现布局

预定义 inject

组件生成时会给自定义组件注入以下参数

• formCreateInject

  • formCreateInject.api fapi
  • formCreateInject.options rule.options
  • formCreateInject.rule 生成规则
  • formCreateInject.field rule.field