el-upload自定义文件列表


  选择文件

通过设置:show-file-list="false"不使用element自带的文件列表,然后调用:on-change方法获取文件列表数据

data(){
	return{
		fileList:[] // 存放文件列表
	}
}    
uploadSuccess(file,fileList){
	// file:当前上传的文件  fileList:文件列表
	this.fileList=[]
	this.fileList=fileList
}

自定义文件列表组件:



  
{{ file.name }}

style:

// 文件列表容器
.fileTemp {
  margin-bottom: 5px;
  background-color: rgb(236, 234, 234);
}

成品:
el-upload自定义文件列表_第1张图片

你可能感兴趣的:(javascript,elementui,vue.js)