HTML部分:
<template>
<el-upload
id="upload-demo"
class="upload-demo"
ref="upload"
:limit="1" //最大允许上传个数
action="上传文件要调用的接口路径"
:on-change="uploadChange"
accept=".zip"
:data="params"
:on-error="uploadError"
:on-success="uploadSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<div slot="tip" class="el-upload__tip">只支持上传.zip文件</div>
</el-upload>
</template>
SCRIPT 部分:
<script>
export default {
data () {
return {
file: null,
params: {} //文件上传时要另外带的参数
}
},
methods: {
uploadChange (file) {
this.file= file
},
submitUpload () {
this.$refs.upload.submit()
},
uploadSuccess (response) {
if (response.code === 200) {
this.$message({
type: 'success',
message: '文件上传成功'
})
}
},
uploadError (err) {
this.$message({
type: 'error',
message: err.message
})
}
}
}
</script>