附件

马兆亮 于 2019年1月7日 编辑

设计背景

附件功能包含附件上传和已上传附件的展示。基于上一版设计，对功能做了调整：
1、增加灵活性，可自定义附件的展示样式。
2、去掉了 props 中的 formId和groupId。

props

属性	数据类型	说明	默认
editable	Boolean	是否可编辑	false
formId	String	区分上传的文件属于哪个表单（最好是生成的随机数）	必须
groupId	String	区分一个表单的多个上传区域	必须
data	Object	文件数据之外的数据	--
fileFiledName	String	文件字段名称	'files'
multiple	Boolean	多选上传	false
accept	String	可上传的文件类型	--
type	String	组件展示形式，可选select或drag	select
maxSize	Number	文件大小限制	-1
maxCount	Number	文件数量限制	-1

代码示例

  <form-item :class="'col-md-4'" label="附件">
    <Attachment
      ref="mytest"
      multiple
      editable
      :data="uploadExtraFileds">
      <a>上传</a>
    </Attachment>
  </form-item>

  // 给组件指定 ref 属性，调用组件本身的方法获取组件ID数组
  this.$refs['mytest'].getAttachments()