vue 動態表頭，動態數據，可編輯

<el-table

              :data="tableData"

              border

              class="tb-edit"

              style="width: 100%"

              highlight-current-row

              @row-click="handleCurrentChange"

            >

              <el-table-column

                align="center"

                width="180"

                :label="item.type_name"

                :prop="item.id"

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

                :key="index"

              >

                <template slot="header" slot-scope="scope">

                  <el-input

                    size="small"

                    v-if="scope"

                    v-model="item.attr_value"

                    :placeholder="'請輸入' + item.type_name"

                    @input="bigInput(item)"

                  ></el-input>

                </template>

                <el-table-column

                  :prop="item.id"

                  :label="item.type_name"

                  width="180"

                  align="center"

                >

                  <template scope="scope">

                    <el-input

                      size="small"

                      v-model="scope.row[attr[index].type_name + '_value']"

                      :placeholder="'請輸入' + item.type_name"

                      @change="handleEdit(scope.$index, scope.row)"

                    ></el-input>

                  </template>

                </el-table-column>

              </el-table-column>

            </el-table>