刪除功能：

</template> 
  <div>
    <form action="" :model="form">
      <el-table
          :data="form.tableData"
          style="width: 100%">
        <el-table-column
            prop="opp"
            label="操作"
            align="center">
          <template slot-scope="scope">
            <el-button size="mini" type="danger" @click="handlerDel(scope.$index)">刪除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </form>
  </div>
</template>

<script>
export 
 
default {
  data() {
    return {
      form: {
        tableData: [{
          var1: '1',
          var2: '3.94',
          var3: '3',
          var4: '4',
        }],

      },

    }
  },
  methods: {
    //刪除資料
    handlerDel(index) {
      this.$confirm('此操作將永久刪除該資料, 是否繼續?', '提示', {
        confirmButtonText: 
 
'確定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.form.tableData.splice(index, 1)
        this.$message({
          type: 'success',
          message: '刪除成功!',
        })
      }).catch((err) => {
        this.$message({
          type: 'error',
          message: err
        })
      })
    },
  }

}


 
</script>