ThUploadFile上传文件

此组件为element-ui 上传文件组件，上传内容通过text列表展示，支持拖拽上传，如果不需要图片缩略图效果同样可以上传图片

之所以和上传图片的组件独立出来，是因为想要区分开上传组件的展示效果

注意: 预览功能使用的当前项目部署地址的预览服务器,开发环境可以直接使用开发预览服务地址, 预览功能默认开启, 关闭预览需使用全局配置修改

依赖说明

该组件依赖 element-ui

基本使用

<th-upload-file v-model="fileList" :limit="1">
  <div slot="msg" style="display: inline;margin-left: 10px;">
    资质描述：{{ item.qualificationDesc }}
    <el-link v-if="item.tempFild" type="primary" :href="item.tempFild[0].fileUrl" target="_blank">查看示例</el-link>
  </div>
</th-upload-file>

//js
data() {
    return {
        fileList: [],
    }
},

效果演示

Api

参数	说明	类型	默认值	可选值
Array	文件列表，支持v-model描述	Array	[]	--
uploadUrl	文件上传url地址，默认为sce的上传url，可自定义修改	String	/api/authen/file/up	--
actionData	文件上传额外参数	Object	{ upType: 'FILE' }	--
drag	是否支持拖拽，默认为false	Boolean	false	true
repair-drag	拖拽下启用此参数，修复异常	Boolean	false	true
multiple	是否支持多选，默认为true	Boolean	true	false
limit	上传文件数量限制，默认为0，即不限制	Number	0	--
limitSizeM	上传文件数量大小限制，单位M	Number	10	--
accept	上传限制类型的文件 传 * 号为无限制，默认为	String	.gif,.jpg,.jpeg,.png
isResponse	是否支持接口返回报文完整传输，常用于数据导入功能	Boolean	false	true
disabled	是否禁用	Boolean	false	--
uploadStatus	上传状态,需要配合 sync修饰符使用 :upload-status.sync="uploadStatus"; 值为0-待上传 1-上传中 2-上传完成 -1-上传失败	number	0	--
showFileList	是否显示已上传文件列表	Boolean	true	false
showTip	是否显示默认文件描述	Boolean	true	false
enableSingleMode	是否开启单一模式 开启后 value长度和limit相等时 不显示上传按钮 拖拽模式下不生效	Boolean	false	true
msg	文件描述后方追加信息 slot	slot	--	--
tip	完全自定义文件描述slot	slot	--	--
module	模块化 code值 和初始化组件库中的moduleUpParams 配合使用 传入的module会自动到moduleUpParams匹配数据 优先使用模块化的配置参数信息	String	--	--

Events

事件名称	说明	回调参数
uploadError	上传失败	失败内容