vue element el-upload 上传文档、压缩包表格

el-upload 上传文档、压缩包表格

废话不多say 上代码

👍记得点赞哦 😄

👇大佬请看👇

• 上传事例 ：

	// 样式根据个人需要进行修改
	<el-upload drag
	:action="UploadUrl()" 
	:limit=limitNum 
	:auto-upload="false"
	accept=".xlsx"   
	:on-change="fileChange"
	:file-list="fileList">  // 绑定 // accept：格式限制
	<i class="el-icon-upload"></i>
	<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
	<div class="el-upload__tip" slot="tip">只能上传<span style="color: #cc0000">一个xlsx</span>文件</div>
	<div class="el-upload__tip" slot="tip">表头带“*”的为必填项</div>
	</el-upload>

• 效果展示：
  
• 方法：

//防止报错
UploadUrl() {
    return ' '
  },

fileChange(file, fileList) {
	this.fileList = [];  // 每次清空 已保证可以是一个文件  //根据个人需要
	this.fileList.push(file.raw);
	console.log(this.fileList)
},

• 打印结果（文件格式）
  

鼠标悬停文件会有删除；因每次都会清空故没有另写方法,需要可 访问上文
都看👓完了，就👍1️⃣👇吧