# 组件生成器

maker 组件生成器是用来生成组件规则的助手方法,通过链式操作即可快速生成对应的组件规则

# 获取 maker 生成器

浏览器

window.formCreate.maker

NodeJs

• iview

  import { maker } from '@form-create/iview'

• element-ui

  import { maker } from '@form-create/element-ui'

• ant-design-vue

  import { maker } from '@form-create/ant-design-vue'

# 示例

<template>
<div>
 <form-create :rule="rule" v-model="fApi" :option="options"/>
</div>
</template>
<script>
 export default {
 data(){
 return {
 fApi:{},
 options:{
 onSubmit: (formData)=>{
 alert(JSON.stringify(formData))
 },
 },
 rule:[
 formCreate.maker.input('title','field','value').props({disabled:true}),
 ]
 }
 }
 }
</script>

# maker.create

生成自定义组件

• 参数:

  • {string} tab 组件名/标签名
  • {string} field
  • {string} title

• 用法:

  formCreate.maker.create('i-button','btn','自定义按钮')
  

# maker.template

生成自定义模板, 不推荐

• 参数:

  • {string} template
  • {Vue} vm
  • {string} field = undefined
  • {string} title = undefined

• 用法:

  formCreate.maker.template('<i-button></i-button>',() => new Vue,'btn','自定义按钮')
  

# 生成组件

• Iview
• ElementUI
• AntDesignVue

← 全局配置 插槽扩展 →