<a-uploadname="file" //发到后台的文件参数名:multiple="false" //禁用多选:file-list="fileList" //已经上传的文件列表(受控):remove="handleRemove" :before-upload="beforeUpload"@change="zdTableImport" ><a-button>导入</a-button></a-upload>methods:{//上传状态handleRemove(file) {const index = this.fileList.indexOf(file)const newFileList = this.fileList.slice()newFileList.splice(index, 1)},beforeUpload(file) {this.fileList = [...this.fileList, file]return false},//子网表格引入async zdTableImport(info) {const formData = new FormData()formData.append('excel', this.fileList[0])const { data: res } = await importExcel(formData)if (res.code == 200) {this.$message.success('导入成功')if (res.respData.length > 0) {for (let i = 0; i < res.respData.length; i++) {const element = res.respData[i]var result = this.subnetAddressData.some(item => item.subnetAddress == element.ip)console.log(result)if (!result) {this.subnetAddressData.push({key: this.subnetAddressData.length + 1,subnetAddress: element.ip,subnetMask: element.mark,address: 1})}}}} else {this.$message.error('导入失败')}this.fileList = []},}
注意:async zdTableImport(info)方法中的info必须要带