file-list="fileList"

<el-upload
? class="el_upload_above"
? action=""
? ref="upload"
? :limit="limitnum"
? list-type="picture-card"
? :http-request="uploadSectionFile"
? :auto-upload="true"
? :file-list="fileList"
? :on-error="uploadFileError"
? :on-success="uploadFileSuccess"
? :on-exceed="exceedFile"
? :on-remove="removeFile">
</el-upload>

<script>
? export default {
? ? data() {
? ? ? return {
? ? ? ?? ?fileList:[],//上傳的文件列表
? ? ? ?? ?limitnum:2,//最大允許上傳個數(shù)?
? ? ? };
? ? },
? ? methods: {
? ? ?? ?//自定義上傳
? ? ?? ?uploadSectionFile(param){
? ??? ??? ? ?var fileObj = param.file;
?? ? ? ? ?var form = new FormData();
?? ? ? ? ? // 文件對象
?? ? ? ? ?form.append("file", fileObj);
?? ? ? ? ?this.$axios.post('/file/upload',form).then(res => {
?? ? ? ? ? ?param.onSuccess(res)
?? ? ? ? ?}).catch(({err}) => {
?? ? ? ? ? ?param.onError(err)
?? ? ? ? ?}) ?
? ? ?? ?},
? ? ? ?? ?//上傳失敗
?? ? ? ?uploadFileError(err, file, fileList){
?? ? ? ? ?this.$message.error("上傳失敗！")
?? ? ? ?},
? ? ? ?? ?//上傳成功
?? ? ? ?uploadFileSuccess(response, file, fileList){
?? ? ? ? ?if(response.data.error==0){
?? ? ? ? ? ?file.response=response.data.data;
?? ? ? ? ? ?this.fileList.push(file)
?? ? ? ? ?}else{
?? ? ? ? ? ?this.$message.error(response.data.message);//文件上傳錯誤提示
?? ? ? ? ?}
?? ? ? ?},
?? ? ? ?// 文件超出個數(shù)限制時的鉤子
?? ? ? ?exceedFile(files, fileList){
?? ? ? ? ?this.$message.error('只能上傳'+this.limitnum+'個文件');
?? ? ? ?},
?? ? ? ?//刪除文件
?? ? ? ?removeFile(file,fileList) {
?? ? ? ? ?this.fileList=fileList;
?? ? ? ?},
? ? }
? }
</script>