elementui 学习笔记（1）数据转换

在使用elementui时经常需要将数据转换格式，用来回填数据和请求数据  

　　如例子中，可动态增减的form表单，格式为[{name:'a',value:'1'},{name:'b',value:'2'}],发送接口请求时 需要转换为{a:1,b:2}，想反在编辑数据时需要将数据回填 又需要反过来转换数据 ;

　　转换数据需要有JS数据类型基础，特别时对象和数组的基础知识

1.A对象转化为B对象

　　A:对象  {name:"username",value:"dsx"}

　　B对象 {username:dsx} 

data:{
headerForm: [{
                name: '',
                value: ''
            }],
            parameterForm: [{
                name: '',
                value: ''
            }]
}

methods:{
set_params_headers() {
                // this.parameterForm
                // {name:"username",value:"dsx"}---输入类型（this.parameterForm）
                // {username:dsx}    ------输出格式
                var params = {};
                for (var num in this.parameterForm) {
                    var parameterObj = this.parameterForm[num]
                    params[parameterObj.name] = parameterObj.value
                }
                this.form.params = JSON.stringify(params)   //json.dumps   将字典转换为json
                console.log(params)
                console.log(this.form.params)

                // this.headerForm
                var headers = {};
                for (var num in this.headerForm) {
                    var headerObj = this.headerForm[num]
                    headers[headerObj.name] = headers.value
                }
                this.form.headers = JSON.stringify(headers)  //json.dumps  将对象转换为json
            },
}

1.B对象转化为A对象

　　B对象 {username:dsx} 

　　A:对象  {name:"username",value:"dsx"}

reset_headers_params(row) {
                // this.parameterForm
                // {username:dsx,passwd:123}-----输入类型
                // [{name:"username",value:"dsx"},{name:'passwd',value:'123'}]   ---输出类型
                if (row) {
                    var params_data = []
                    var parameterObj = JSON.parse(row)   //json-loads 将json转换为对象
                    for (var num in parameterObj) {
                        var params = {}
                        params['name'] = num
                        params['value'] = parameterObj[num]  //组装成对象
                        params_data.push(params) //添加到数组
                    }
                    this.parameterForm = params_data //初始化到parameterForm

                    var headers_data = []
                    var headersObj = JSON.parse(row)
                    for (var num in headersObj) {
                        var headers = {}
                        params['name'] = num
                        params['value'] = headersObj[num]
                        headers_data.push(headers)
                    }
                    this.headerForm = headers_data
                } else {
                    this.form.params = undefined;
                    this.form.headers = undefined
                }
            },