规则配置项

提示

JSON规则的配置项名称与组件生成器的配置方法名称相同,配置参数也相同

内置组件配置项

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

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)

自定义配置项说明