安装:

在项目终端运行以下命令

cnpm install x2js --save

引用:

// 引入模块
import x2js from 'x2js'

全部代码:

<template>
<el-button type="primary" @click="exportExcel">导出</el-button>
</template> <script lang="ts">
import { defineComponent, ref } from 'vue'
import { ElMessage } from 'element-plus'
export default defineComponent({
data() {
return {
testdata: [
{
"noticeId":345646,
"satName":"ZOHREH-2",
"country":"IRN",
"freqMin":456.0,
"freqMax":456.0,
"beamInfoList":
[
{
"beamName":"RS49",
"freqMin":3456.0,
"freqMax":654.0,
"groupInfoList":
[
{
"groupId":567.34,
"freqMin":768.0,
"freqMax":678.0,
"pwrMax":1.0
},
{
"groupId":10600362,
"freqMin":11450.0,
"freqMax":11700.0,
"pwrMax":2.0
},
{
"groupId":10600363,
"freqMin":14000.0,
"freqMax":14500.0,
"pwrMax":3.0
}
]
},
]
}]
}
},
methods: {

exportExcel() {
let x2js = new X2js();
let groupdata = { doc: this.testdata };
//groupdata必须只有一个跟节点noticeData不然导出xml时会报错
// let obj = {
// doc: groupdata,
// };
// 调用x2js 将我们的json数据转换成xml数据格式
console.log(x2js);
let xml = x2js.js2xml(groupdata);
xml = `<?xml version="1.0" ?>` + xml;
console.log(xml);
// 下面就是我们想要的xml文件的数据格式了
// 这里会生成一个url
let url = window.URL.createObjectURL(
new Blob([xml], { type: "text/xml;charset=utf-8" })
);


// 然后就可以创建a标签 最后下载下来了
let link = document.createElement("a");
// 不显示链接
link.style.display = "none";
link.href = url;
// 设置链接属性
link.setAttribute("download", "导出");
//点击链接
document.body.appendChild(link);
link.click();
// 删除连接
document.body.removeChild(link);
},

})

最新文章

  1. Java Native Method
  2. Ajax返回类型JSON,XML
  3. CentOS6.6安装mysql出现的问题
  4. HDU 4422 The Little Girl who Picks Mushrooms
  5. [Effective C++ --030]透彻了解inlining的里里外外
  6. 【模拟】Vijos P1005 超长数字串
  7. NSBundle的用法
  8. ASP.NET没有魔法——开篇-用VS创建一个ASP.NET Web程序
  9. bzoj2560串珠子 状压dp+容斥(?)
  10. Lintcode389 Valid Sudoku solution 题解
  11. Android-Gradle(三)
  12. c/c++ 有向无环图 directed acycline graph
  13. OZCode
  14. MySQL插入更新_ON DUPLICATE KEY UPDATE
  15. C++类的大小计算汇总
  16. 2017-2018-2 20155203《网络对抗技术》Exp9 :Web安全基础
  17. 理解CPU steal time
  18. CentOS下Apache默认安装路径
  19. Think Python: How to Think Like a Computer Scientist
  20. json用法常见错误

热门文章

  1. MetaTown:一个可以自己构建数字资产的平台
  2. Flaks框架(g对象,session,数据库连接池,信号,flask-script,SQLAlchemy(ORM))
  3. 1、debug调试
  4. Raft一致性共识算法论文学习
  5. python进阶之路2——解释器软件安装
  6. [剑指Offer]3.数组中重复的数字
  7. 解析url地址hashhref
  8. 多行文字自动换行居中--实测好用的很OK
  9. Java 进阶P-1.1+P-1.2
  10. Blazor嵌套传递