new Vue({
el: "#app",
data: {
rule: [{
type:'group',
title:'批量添加',
field:'group',
value:[],
props:{
max:5,
min:3,
rules:[
{
type:'col',
children:[
formCreate.maker.date('时间','date','').native(false).col({span:12}),
{
type:'inputNumber',
field:'field',
title: '库存',
props:{
disabled:false
},
validate:[
{required:true,min:10,type:'number'}
],
col:{
span:12
}
}
]
},
{
type:'input',
field:'field2',
title: '名称',
props:{
disabled:false
},
validate:[
{required:true}
]
}
]
},
validate:[
{required:true,min:3,type:'array',message:'最少增加3项'},
]
}]
}
})
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/iview/dist/iview.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/@form-create/iview/dist/form-create.min.js">
</script>
<div id="app">
<form-create :rule="rule" />
</div>
@import url("//cdn.jsdelivr.net/npm/iview/dist/styles/iview.css");
#app {
padding: 32px;
}