ajax的get方法获取数据,对数据对象赋值
程序员文章站
2022-03-10 07:52:48
...
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();
},
上一篇: JAVA 小知识点积累
推荐阅读