vue如何解析xml文件 x2js

Z时代
2024-01-10
分类：综合

vue

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

项目中会用到将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;
        });
    }