el-table中根据el-select动态的插入列

前言：vue+elementUI项目中，经常会遇到报表的统计，表头并不固定，而是根据某些变量动态的生成的。那么该如何做成我们想要的样子呢？

正文：

（1）核心template：一般动态布局的

（2）核心script：

 searchData() {
      this.tableHead = [];
      if (Number(this.valueSh) > Number(this.valueEh)) {
        this.$message.error("结束时间不能小于开始时间");
        return false;
      }
      let start = Number(this.valueSh);
      let end = Number(this.valueEh);
      for (let i = start; i <= end; i++) {
        // 判断添加0
        if (i < 10) {
          i = "0" + i;
        } else {
          i;
        }
        let obj = {
          time: i + "时",
          amount: "amount" + i,
          amount1: "money" + i
        };
        this.tableHead.push(obj);
      }
      let obj1 = {
        time: "合计",
        amount: "amount",
        amount1: "money"
      };
      this.tableHead.push(obj1);
    },

（3）全部源码：

效果：

(1)默认

（2）效果一：

总结：将需要动态生成的表头拿出来，肯定是一个类型相关的。利用循环生成想要的表头，记得生成前清理一下数组！