提示
JSON规则的配置项名称与组件生成器的配置方法名称相同,配置参数也相同
Object
Object
Array
Array
option
选择项配置Array
emit
方式触发的事件名,可与emitPrefix
参数配合//以下三种方式效果相同
rules = [{//emit 方式触发 change 事件
field:'goods_name',
//...
emit:['change']
},{// 自定义 emit 事件前缀,默认为 field 字段
field:'goods_info',
//...
emit:['change'],
emitPrefix:'gi'
},{// 直接在规则写回调方法
field:'goods_tag',
//...
event:{
change:function() {
//TODO
}
}
}]
<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
}
}
})
Object
Object
emit
事件的前缀field
字段Object | Array | string
class
slot
maker.input('text','text','text').children([
maker.create('span').children(['append']).slot('append')
])
生成一个 input,并设置输入框后置内容
自定义组件额外支持以下配置项
formCreate.maker.create('button').children([
'按钮内容'
]);
formCreate.maker.create('i-row').children([
formCreate.maker.create('i-col').props('span',12),
formCreate.maker.create('i-col').props('span',12),
]);
formCreate.maker.create('i-row').children([
formCreate.maker.create('i-col').props('span',12).children([
formCreate.template('<span>自定义组件</span>',new Vue)
]),
]);