首先添加两个事件的回调方法一个是上传成功的，另一个是上传失败的，分别如下
methods: {
submitUpload() {
this.$refs.upload.submit();
this.btnDisabled = true;
this.loading = true;
},
uploadSuccess(response) {
this.loading = false;
this.$message({
type: 'success',
message: response.message
});
// 跳转到列表页
this.$router.push({path: '/category/list'});
},
uploadError() {
this.$message.error("上传失败！");
}
}
在 data 中添加需要的变量等信息
data() {
return {
btnDisabled: false,
loading: false,
BASE_API: process.env.VUE_APP_BASE_API
}
},
给上传服务器按钮添加加载效果如下
上传服务器的地址绑定属性值的时候需要注意如下图所示的地方要使用 : 来绑定
下载模板功能我就不做了，我在这里说一下大概怎么做吧，就是你把模板上传到服务器当中拿到下载地址然后放在对应的 a 标签中即可完成下载