{ { 100 > percent ? percent + "%" : "导入" }}

data() {return {// 上传----------------------------------------actionUrl: "https://xxx.com/import",fmt: ["xls", "xlsx"],dur: 100,percent: 100,// ----------------------------------------
},
methods: {// 上传文件----------------------------------------------------------------showFakeLoading() {this.interval && clearInterval(this.interval);this.percent = 0;this.interval = setInterval(() => {this.percent++;this.percent >= 99 && clearInterval(this.interval);}, this.dur);},hideFakeLoading() {this.interval && clearInterval(this.interval);this.percent = 100;},//文件上传之前beforeFileUpload(file, id) {// 判断是不是特定的格式________________________var fn = file.name.toLowerCase();var isFile = this.fmt.includes(fn.split(".").pop());const maxSize = 50; //限制大小const isLt2M = file.size / 1024 / 1024 <= maxSize;isFile || this.$message.error("上传文件只能是" + this.fmt + "格式");isLt2M || this.$message.error("上传文件大小不能超过" + maxSize + "MB");var allowUpload = isFile && isLt2M;allowUpload && this.showFakeLoading(); //虚假加载if (allowUpload) {// 为了实现form-data方式上传文件----------------------------------------let formData = new FormData();formData.append("import", file);this.$axios.post(this.actionUrl, formData, {headers: {"Content-Type": "multipart/form-data"}}).then((d) => {this.$message.success(`文件“${file.name}”导入成功`);this.hideFakeLoading();//停止加载this.submitSearchForm();//刷新列表}).catch((d) => {this.$message.error("文件导入失败，请稍后再试！");console.error(d);});// ----------------------------------------}return allowUpload; //若返回 false则停止上传}
}