console
new Vue({
el: "#app",
data: {
rule: [{
type:'group',
title:'批量添加',
field:'group',
value:[],
props:{
max:5,
min:3,
rules:[
{
type:'input',
field:'field2',
title: '名称',
props:{
disabled:false
},
validate:[
{required:true}
],
on:{
change:()=>{
console.log('=field2===change=====')
}
}
},
{
type: "select",
field: "cate_id",
title: "产品分类",
value: "",
on:{
change:()=>{
console.log('=cate_id===change=====')
}
},
options: [
{"value": "104", "label": "生态蔬菜", "disabled": false},
{"value": "105", "label": "新鲜水果", "disabled": false},
],
}
]
}
}]
}
})
<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@1.0.7/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;
}