vue中引入x2js(针对xml、json数据进行转换处理)

Posted 2023-05-01

参考技术A 源地址： https://www.jianshu.com/p/184442e86fcd

由于使用到了该块功能，阅读了上面文章进行开发的过程中遇到了问题，所以重新编写内容，以供参考。

GitHub开源库，地址： https://github.com/abdolence/x2js

将项目从GitHub上Clone下来，解压后得到xml2json.js

将xml2json.js放置在项目静态资源目录下

定义了两个框框，input和output。将json数据放入input中，通过按钮调用方法，再由output输出xml数据。

按钮

方法

成功将json转为xml。

vue中引入json数据，不用本地请求

1.我的项目结构，需要在Daily.vue中引入daily.js中的json数据

2.把json数据放入一个js文件中,用exports导出，vscode的json格式太严格了，很多数据，调了一个多小时的格式.................

例如:daily.js

module.exports = {
  ‘tmbTmbsContent‘: [[
    {‘label‘: ‘123‘}
  ]],
}

2.在Daily.vue文件中引入 

import Daily from ‘@/assets/data/daily.js‘ // 引入
// 使用
created () {
   console.log(Daily)   // 得到daily里面的数据
}