console
new Vue({
el: "#app",
data: {
rule: [formCreate.maker.upload('轮播图1', 'pic1','http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg')
.props({
"action": "",
"maxLength": 1,
"multiple": true,
"type": "select",
"uploadType": "image",
"name": "file",
allowRemove:true,
"onSuccess": function() {
return 'http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg';
},
})
.validate([{
required: true,
type: 'array',
min: 3,
message: '请上传3张图片',
trigger: 'change'
}]), {
type: "upload",
field: "pic2",
title: "轮播图2",
value: ['http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg', 'http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg'],
props: {
"type": "select",
"uploadType": "image",
"action": "/upload.php",
"name": "pic",
"multiple": true,
"accept": "image\/*",
"format": ["jpg", "jpeg", "png", "gif"],
"maxSize": 2048,
"maxLength": 5,
"onSuccess": function(res) {
console.log(res)
return 'http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg';
},
},
}]
}
})
<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/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;
}