引入静态资源js(xml2json.js)
- 将项目从GitHub上Clone下来,解压后得到xml2json.js
GitHub地址 :https://github.com/abdolence/x2js
<script type='text/javascript' src="xml2json.js"></script>
vue使用方式
在main.js引入
import x2js from '.assets/js/xml2json.js' //xml数据处理插件
Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上
NPM下载使用方式
npm install x2js --save-dev
在main.js引入
import x2js from 'x2js' //xml数据处理插件
Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上
x2js使用方式
/* xml/json互转格式 */
let xmlstr = `<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
<g>
<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>
</g>
</svg>`
let xml = this.$x2js.xml_str2json(xmlstr)
console.log('xml转json',JSON.stringify(xml));
let json = this.$x2js.json2xml_str(xml)
console.log('json转xml',json);
源码
config.attributePrefix = config.attributePrefix || "@";//修改生成的属性前边的符号 源码是_