vue2 使用x2js json转换成xml

2022-07-27 15:03:17 阅读：202 来源： 互联网

标签：xml freqMin json freqMax let vue2 link x2js

安装：

在项目终端运行以下命令

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);
},

})

标签：xml,freqMin,json,freqMax,let,vue2,link,x2js
来源： https://www.cnblogs.com/bisiyuan/p/16524884.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue2 使用x2js json转换成xml