附件
# 设计背景
附件功能包含附件上传和已上传附件的展示。基于上一版设计,对功能做了调整:
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()
人员选择器 →