SOURCE

console 命令行工具 X clear

                    
>
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;
}