vue如何解析xml文件 x2js

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

好久没来写东西了，主要是一直在加班，哼哼，不开心

项目中会用到将xml文件解析成json文件在页面中显示出来，以前jq的时候用到的方法行不通了，故在这边介绍一种我觉得还不错的插件

1. npm安装

npm i x2js

2.在main.js中引用

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

3.在组件中使用

_getVersion(url) {
this.loading = true;
let _self = this;
this.$ajax.get(`/data/version${url}.xml`).then(function(res) {
_self.loading = false;
console.log(res.data);
/* var x2js = new X2JS();*/
/* var obj = x2js.xml_str2json(res.data).note;*/
var jsonObj = _self.$x2js.xml2js(res.data);
console.log("-----");
console.log(jsonObj.note);
_self.tableData = jsonObj.note.specialityList.item;
_self.changeData = jsonObj.note.changeList.item;
_self.finishData = jsonObj.note.finishedPunchList.item;
_self.knownData = jsonObj.note.questionList.item;
_self.versionDes = jsonObj.note.name;
_self.versionDate = jsonObj.note.date; })
.catch(function(err) {
console.log(err)
_self.loading = false;
});
}