700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > ANT DESIGN VUE upload 上传excel (使用upliad组件 上传excel到页面表格)

ANT DESIGN VUE upload 上传excel (使用upliad组件 上传excel到页面表格)

时间:2020-03-16 16:10:50

相关推荐

ANT DESIGN VUE upload 上传excel (使用upliad组件 上传excel到页面表格)

<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必须要带

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。