html动态表格用数组填充 动态添加表格列 而且进行数据渲染

在element ui中提供了表格的基本操做，如今须要 根据查询条件月份范围 来展现表格的列。处理方式以下：html

html文件：后端

{{itemDes.orderNum}}

{{itemDes.orderPrice}}

{{scope.row.orderNum1}}

{{scope.row.orderPrice1}}

先后都是固定的展现，中间展现月份数据时，根据查询月份的范围展现，默认展现7个月份的数据。数组

后端接口返回数据之后，须要把月份、订单数、金额组成一个对象。放到一个数组items中，同时须要把数据放到表格data属性中。ui

loadTableData() {this.dataList =[];this.items =[];

let itemsTemp= {'month':'-08','orderNum':'9','orderPrice':'230.5'};

let itemsTemp2= {'month':'-09','orderNum':'15','orderPrice':'4167.5'};this.items.push(itemsTemp);this.items.push(itemsTemp2);

let temp= {shopName:'西湖4S店',items:this.items, orderNum1:'1',orderPrice1:'1'};this.dataList.push(temp);

}

获得的效果以下图所示：this