Element-UI实现文件导入导出（下载）

最新推荐文章于 2024-04-29 10:42:46 发布

Acrisabld

最新推荐文章于 2024-04-29 10:42:46 发布

阅读量783

点赞数 1

分类专栏： element 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Langlous2000817/article/details/127512075

版权

element 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<el-upload
                        :action="baseData.XC5100AdminWebbaseUrl + '/composite/org/import'"
                        :headers="{ 'X-USER-ID': userId, 'X-Subject-Token': token }"
                        :show-file-list="false"
                        :on-success="licenseSuccess"
                        :on-error="licenseError"
                        accept=".xlsx"
                    >
                        <el-button type="primary" size="mini" icon="el-icon-upload2">导入机构</el-button>
                    </el-upload>

// 导入成功
        licenseSuccess(res) {
            console.log(res)
            if (res.code === 200) {
                this.$message.success(res.data)
                // this.$refs.treeNode.loadtreeData(() => {})
            } else {
                this.$message.error(res.msg)
            }
        },
        licenseError(err) {
            console.log(err)
            this.$message.error(JSON.parse(err.message).msg)
        },

async clickExport() {
            downLoadTemp().then((res) => {
                console.log(res)
                let elink = document.createElement("a")
                elink.style.display = "none"
                elink.download = "file.xlsx"
                document.body.appendChild(elink)
                let blob = new Blob([res.data])
                console.log("blob", blob)
                let url = window.URL.createObjectURL(blob)
                elink.href = url
                elink.click()
                // document.body.removeChild(elink)
                // URL.revokeObjectURL(url)
                console.log("elink", elink)
            })
        },