示例
let rule = [
{
type:'row',
children:[
{
type:'i-col',
props:{
span:12
},
children:[
formCreate.maker.input('商品名称','goods_name','iphone'),
formCreate.maker.number('商品加个','goods_price',8688)
]
},
{
type:'i-col',
props:{
span:12
},
children:[
formCreate.maker.dateTime('竖立时候','create_at'),
formCreate.maker.radio('是不是显现','is_show').options([
{value:1,label:'显现'},
{value:0,label:'不显现'}
])
]
}
]
}
]
maker.create
经由过程竖立一个假造 DOM的体式格局天生自定义组件
天生
Maker
let rule = [
formCreate.maker.create('i-button').props({
type:'primary',
field:'btn'
loading:true
})
]
$f = formCreate.create(rule);
上面的代码是经由过程 maker
天生器动态天生一个正在加载的 iview
按钮组件
Json
let rule = [
{
type:'i-button',
field:'btn'
props:{
type:'primary',
field:'btn',
loading:true
}
}
]
$f = formCreate.create(rule);
上面的代码是经由过程json
体式格局动态天生一个iview
按钮组件
修正
能够经由过程一下两种体式格局动态修正组件的设置项
经由过程rule
修正组件天生划定规矩
rule[0].props.loading = false;
经由过程$f.component()
要领猎取组件的天生划定规矩并修正
$f.component().btn.props.loading = false;
maker.template
经由过程模板的体式格局天生自定义组件,maker.createTmp
要领是该要领的别号
天生
Maker
let rule = [
formCreate.maker.template('<i-button :loading="loading">{{text}}<i-button>',new Vue({
data:{
loading:true,
text:'正在加载中...'
}
}))
]
上面的代码是经由过程 maker
天生器动态天生一个正在加载的 iview
按钮组件
Json
let rule = [
{
type:'template',
template:'<i-button :loading="loading">{{text}}<i-button>',
vm:new Vue({
data:{
loading:true,
text:'正在加载中'
}
})
}
]
$f = formCreate.create(rule);
上面的代码是经由过程Json
体式格局动态天生一个iview
按钮组件
修正
能够经由过程一下两种体式格局动态修正vm
组件内部的值
经由过程rule
猎取自定义组件的vm
并修正
rule[0].vm.text = '加载终了';
rule[0].vm.loading = false;
经由过程$f.component()
要领猎取自定义组件的vm
并修正
$f.component().btn.vm.text = '加载终了';
$f.component().btn.vm.loading = false;