html动态表格⽤数组填充，动态添加表格列，⽽且进⾏数据渲染在element ui中提供了表格的基本操做，如今须要 根据查询条件⽉份范围 来展现表格的列。处理⽅式以下：html
html⽂件：后端
{{derNum}}
{{derPrice}}
{{derNum1}}
{{derPrice1}}
先后都是固定的展现，中间展现⽉份数据时，根据查询⽉份的范围展现，默认展现7个⽉份的数据。数组
后端接⼝返回数据之后，须要把⽉份、订单数、⾦额组成⼀个对象。放到⼀个数组items中，同时须要把数据放到表格data属性中。ui
loadTableData() {this.dataList =[];this.items =[];
let itemsTemp= {'month':'2018-08','orderNum':'9','orderPrice':'230.5'};
let itemsTemp2= {'month':'2018-
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
html表格元素

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。