ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
图片上传组件。用于单个或多个图片上传。用于图片上传、删除、预览、排序功能。 > 该组件支持v-model获取当前值。 ## 属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | --- | --- | --- | --- | --- | api | 配置文件接收地址,组件会通过二进制数据post给该地址。 | string | 必填 | | api-param | 上传时携带的参数内容,除了上传的二进制数据之外,组件还会携带该对象参数。 | object | | | success-tip | 上传请求返回成功结果之后采用什么方式提醒 | string | none,message,alert,notify | message | fail-tip | 上传请求返回失败结果之后采用什么方式提醒 | string | none,message,alert,notify | alert | order-enable | 是否允许进行排序 | boolean | | true | delete-api | 删除操作回调的后端接收地址。 | string | 必填 | | delete-method | 删除操作回调的后端接收方法。 | string | 必填 | | delete-param | 删除操作回调的后端接收参数,除了主键值之外,组件还会携带该对象参数。 | object | | | delete-success-tip | 删除操作返回成功结果之后采用什么方式提醒 | string | none,message,alert,notify | none | delete-fail-tip | 删除操作返回失败结果之后采用什么方式提醒 | string | none,message,alert,notify | alert | preview-url | 设置用于预览的url地址,组件会自动get请求该地址并携带一个参数,由primary-key属性指定的参数。 | string | | | primary-key | 主键值,该值用于指定组件各项功能操作的主键值。 | string | | id | ajax-header | 是否包含有ajax头,x-requested-with:XMLHttpRequest。 | boolean | | true | init-data | 初始化filelist数据,数据格式:[id(或指定的primarykey):"123456",url:"图片地址"(如果不提供的话,会使用preview组合地址)] | boolean | | true | file-list | 已上传的图片文件列表。支持sync修饰符。 | array | | ## 事件 | 事件 | 说明 | 参数 | --- | --- | --- | uploaded | 文档上传成功,使用自定义uploadSuccessFn方法后此事件失效。 | {res: 上传请求响应, file: 上传成功的文档对象信息} | removed | 请求服务端删除附件成功。使用自定义removeFn方法后此事件失效。 | {res: 上传请求响应, file: 上传成功的文档对象信息} | file-deleted | 文件删除成功事件,使用自定义removeFn方法后此事件失效。 | {data:被删除的文档对象信息} | file-up | 将文件顺序前移事件 | { file:移动的文件对象信息, fileList: 移动后的文件对象数组 } | file-down | 将文件顺序后移事件 | { file:移动的文件对象信息, fileList: 移动后的文件对象数组 } | reset | 重置事件 | | 其他 | 支持所有el-upload事件。 ## 插槽 | 插槽名 | 说明 | --- | --- | tip | 提示说明文字