ajax的get方法获取数据,对数据对象赋值

ajax方法获取数据

用vue写一个方法将后台数据渲染到table表格（iview表单）
首先，在div中插入table组件：

		<Table border
		       height=226
		       :columns="columns1"
		       :data="data"
		       :showPage="false">
		</Table>

然后，在data中把columns 和 data的参数传进去

data() {
            return {
                columns1: [
                    {key: 'feaName', title: '影响因素', align: 'center', width: 170},
                    {key: 'maxVal', title: '最高', align: 'right'},
                    {key: 'minVal', title: '最低', align: 'right'},
                    {key: 'feaType', title: '因素类型', width: 120, align: 'center'}
                ],
                data: []
            }
}

在methods中调用ajax函数

getCarAnalysis: function() {
				//请求的params参数
                let params = {
                    'corpId': '40288a225d6a5d8c015d6a68be1e0000',
                    'dateType': '0',
                    'beginTime': '2018-04',
                    'endTime': '2018-05',
                    'carNo': '闽DD0910'
                };
                util.ajax.post('/bi/api/energyAnalysis/getCarAnalysis', params).then((data) => {
                    //根据需要进行调试打印
                    console.log(data);
                    //obj获取的是data数组中的values的值
                    var obj = data[0].values;
                    this.data = obj;
                    console.log(this.data);//根据需要进行调试打印
                });
 },

生命周期钩子，通过获取mounted()里的getCarAnalysis，来拿到数据

	mounted() {
            this.getCarAnalysis();
        },