动态增加行列

<template>

  <div class="app-container">

    <el-row>

      <el-col :span="24">

        <el-input

          clearable

          v-model="columnLabel"

          style="width: 200px"

          placeholder="请输入要增加的列名"

        ></el-input>

        <el-button type="text" @click="addColumn()">增加列</el-button>

        <el-button type="text" @click="addRows()">增加行</el-button>

        <el-button type="text" @click="hqColumn()">获取数据</el-button>

        <el-button type="text" @click="bcmbColumn()">保存模板</el-button>

        <el-button type="text" @click="mbColumn()">触发模板</el-button>

      </el-col>

    </el-row>

    <el-col :span="24">

      <div class="grid-content bg-purple-dark">

        <el-table

          :data="tableData"

          border

          style="width: 100%; margin-top: 20px; min-width: 300px"

        >

          <el-table-column

            v-for="(item, index) in columnData"

            :label="item.label"

            :prop="item.prop"

            width="