1.打开vue工程,使用命令安装x2js   

npm install x2js

2.打开main.js    加入以下两行内容

import x2js from 'x2js' //xml数据处理插件
Vue.prototype.$x2js = new x2js() //全局方法挂载

3.在需要用到插件的.vue页面中引入插件

import X2js from 'x2js';

4.在方法中进行转化

// 实例化
let x2js = new X2js();
let xml = '<?xml version="1.0" encoding="UTF-8"?><project version="4"><component name="ChangeListManager"><list default="true" id="a99a6c74-2bc6-4187-aeeb-1770ca40c02e" name="Default" comment=""><change beforePath="$PROJECT_DIR$/gulpfile.js" beforeDir="false" afterPath="$PROJECT_DIR$/gulpfile.js" afterDir="false" /></list><ignored path="jsencrypt.iws" /><ignored path=".idea/workspace.xml" /><option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /><option name="TRACKING_ENABLED" value="true" /><option name="SHOW_DIALOG" value="false" /><option name="HIGHLIGHT_CONFLICTS" value="true" /><option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /><option name="LAST_RESOLUTION" value="IGNORE" /></component></project>';
// 将xml解析为我们需要的json对象
let json = x2js.xml2js(xml);
console.log(json);

5.输出结果

 

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐