<template> <div class="goods-main"> </div> </template> <script> import qs from "qs"; export default { name: "GoodsMain", data() { return { xmlStr: '<?xml version="1.0" encoding="utf-8"?>\n' + '<configuration>\n' + ' <configSections>\n' + ' <section name="FrameworkEF" type="FrameworkEF.GlobalUtils.Config.ConfigHandler, FrameworkEF.GlobalUtils" />\n' + ' </configSections>\n' + ' <FrameworkEF>\n' + ' <site name="Utils" file="/Config/FrameworkEF.config" />\n' + ' </FrameworkEF>\n' + '</configuration>', urlEncodedStr:'title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3', jsonStr:{ isCollapse: false, //点击二级菜单实现高亮 activePath: '', //添加按钮的禁用 isAddButtonUsed: null, //编辑按钮 isEditUsed: null, //删除按钮 isDeleteUsed: null, //权限按钮 isSettingUsed: null } } }, created() { this.getJsonData() }, methods: { getJsonData() { //xml格式转成json格式 console.log(this.xmlStr) console.log(JSON.stringify(this.$x2js.xml2js(this.xmlStr))) //json格式转成xml console.log(this.jsonStr) console.log(this.$x2js.js2xml(this.jsonStr)) //json转urlEncoded console.log(this.jsonStr) console.log(qs.stringify(this.jsonStr)) //urlEncoded转json console.log(this.urlEncodedStr) console.log(qs.parse(this.urlEncodedStr)) //urlEncoded转xml const jsonUrlEncodeStr=qs.parse(this.urlEncodedStr) console.log(this.urlEncodedStr) console.log(this.$x2js.js2xml(jsonUrlEncodeStr)) //xml转urlEncoded const jsonXml=this.$x2js.xml2js(this.xmlStr) console.log(this.xmlStr) console.log(qs.stringify(jsonXml)) } } } </script> <style scoped> </style>
注意:需要引入两个插件
//导入数据转换插件 import X2JS from "x2js"; Vue.prototype.$x2js=new X2JS() import qs from 'qs'