# 规则配置项

# 内置组件配置项

# props

• ​参数: Object
• 说明: 组件规则配置

# event

• 参数: Object
• 说明: 组件事件配置

# validate

• 参数: Array
• 说明: 组件验证规则配置

# options

• 参数: Array
• 说明: 部分组件option选择项配置

# emit

• 参数: Array
• 说明: 组件模式下配置使用emit方式触发的事件名,可与emitPrefix参数配合

rules = [{
    field:'goods_name',
    //...
    emit:['change']
},{
    field:'goods_info',
    //...
    emit:['change'],
    emitPrefix:'gi'
}]

<div id="app">
	<form-create :rule="rules" @goods-name-change="change" @gi-change="change"></form-create>
</div>

new Vue({
   el:'#app',
    data: {
        rules:rules
    },
    methods:{
        change:function(){
            //TODO
        }
    }
})

# col

• 参数: Object
• 说明: 组件布局配置
• 参考: 栅格布局规则 Col

# emitPrefix 1.5.2+

• 参数: Object
• 说明: 自定义 组件emit事件的前缀
• 默认: 组件 field 字段

# className 1.5.3+

• 参数: Object | Array | string
• 说明: 自定义 组件的 class

# defaultSlot 1.5.3+

• 参数: String | RenderFunction

• 说明: 自定义 部分内置组件的slot

• 示例:

  rule.defaultSlot(function($h){
    return $h("div", {
      style: "color:#ff7271;"
    }, [$h('icon', {
      props: {
        //iview2 与 iview3 图标名称不同
        type: 'social-apple'
      }
    }), "新鲜水果"]);
  })
  

# 自定义组件配置项

自定义组件额外支持以下配置项

1. children(Array) 子组件元素生成规则
2. scopedSlots(Object)
3. nativeOn(Object)
4. on(Object)
5. domProps(Object)
6. props(Object)
7. attrs(Object)
8. style(Object)
9. class(Object)
10. directives(Array)

自定义配置项说明