实现效果:点击新增按钮，el-table-column新增一行，点击删除，删除当前el-table-column行

image.png

<template>
  <el-button type="primary" @click="addTableRow">新增</el-button>
  <!-- table表格 -->
  <el-table style="width: 100%" :data="tableDate">
    <el-table-column label="航司名" width="80">
      <template #default="scope">
        <el-input v-model="scope.row.H航司名"></el-input>
      </template>
    </el-table-column>
    <el-table-column label="航班号">
      <template #default="scope">
        <el-input v-model="scope.row.H航班号"></el-input>
      </template>
    </el-table-column>
    <el-table-column prop="" label="操作" width="80">
      <template #default="scope">
        <el-button link @click="removeTableRow(scope.row)" type="danger" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
<script>
export default {
  data() {
   return{
    tableDate:[],
   }   
  },
  methods:{
    // 添加table行事件
    addTableRow() {
      const obj={
        H航司名:"",
        H航班号:"",
      }
        this.tableDate.push(obj)
    },
    // 删除table行事件
    removeTableRow(row) {
      this.tableDate.splice(row, 1);
    },
  },
}
</script>
<style lang="less" scoped>
</style>