動態添加表格列，並且進行數據渲染

在element ui中提供了表格的基本操作，現在需要 根據查詢條件月份范圍 來展示表格的列。處理方式如下：

html文件：

<el-table v-loading="loading" :data="dataList" border height="500">
    <el-table-column type="index" align="center" label="序號" width="55"></el-table-column>
    <el-table-column align="center" label="4S店" prop="shopName" min-width="100"></el-table-column>
    <template v-for="item in items">
        <el-table-column align="center" :label="item.month" :key="item.month">    
            <el-table-column align="center" label="訂單數" sortable="custom" min-width="80" :prop="item.month+'_d'">
                <template slot-scope="scope">
                    <template v-for="itemDes in scope.row.items">
                        <p v-if="itemDes.month===item.month">{{itemDes.orderNum}}</p>
                    </template>
                </template>
            </el-table-column>
            <el-table-column align="center" label="金額" sortable="custom" min-width="80" :prop="item.month+'_j'">
                <template slot-scope="scope">
                    <template v-for="itemDes in scope.row.items">
                        <p v-if="itemDes.month===item.month" class="link">{{itemDes.orderPrice}}</p>
                    </template>
                </template>
            </el-table-column>  
        </el-table-column>
    </template>
    <el-table-column align="center" label="查詢結果合計">
        <el-table-column align="center" label="訂單數" prop="orderNum1" sortable="custom" min-width="80">
            <template slot-scope="scope">
                <p>{{scope.row.orderNum1}}</p>
            </template>
        </el-table-column>
        <el-table-column align="center" label="金額" prop="orderPrice1" sortable="custom" min-width="80">
            <template slot-scope="scope">
                <p class="link">{{scope.row.orderPrice1}}</p>
            </template>
        </el-table-column>
    </el-table-column>
</el-table>

前后都是固定的展示，中間展示月份數據時，根據查詢月份的范圍展示，默認展示7個月份的數據。

后端接口返回數據以后，需要把月份、訂單數、金額組成一個對象。放到一個數組items中，同時需要把數據放到表格data屬性中。

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);
}

得到的效果如下圖所示：