引入静态资源js(xml2json.js)

  • 将项目从GitHub上Clone下来,解压后得到xml2json.js
  • GitHub地址 :https://github.com/abdolence/x2js

    1. <script type='text/javascript' src="xml2json.js"></script>

    vue使用方式

  • 在main.js引入

    1. import x2js from '.assets/js/xml2json.js' //xml数据处理插件
    2. Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上

    NPM下载使用方式

    1. npm install x2js --save-dev
  • 在main.js引入

    1. import x2js from 'x2js' //xml数据处理插件
    2. Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上

    x2js使用方式

    1. /* xml/json互转格式 */
    2. let xmlstr = `<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
    3. <g>
    4. <text xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" font-size="24" id="svg_2" y="289" x="326" stroke-width="0" stroke="#000" fill="#000000">通行</text>
    5. </g>
    6. </svg>`
    7. let xml = this.$x2js.xml_str2json(xmlstr)
    8. console.log('xml转json',JSON.stringify(xml));
    9. let json = this.$x2js.json2xml_str(xml)
    10. console.log('json转xml',json);

    源码

    1. config.attributePrefix = config.attributePrefix || "@";//修改生成的属性前边的符号 源码是_