Vue中Elementui表格内添加一个编辑按钮和删除按钮，并且实现点击编辑按钮使表格内数据可编辑，点击删除按钮删除该行

- 这个是在工作中遇到的一个问题，需求大概就是表格里面添加一个按钮，然后点击按钮使当前行的表格数据可以编辑，就是变成input输入框，然后再点击按钮保存输入的数据。然后还有一个删除按钮，点击删除就删除该行

• 首先看一下效果图吧

• 然后点击编辑
  
  编辑按钮变成保存按钮然后点击保存按钮，数据变为编辑后，删除按钮就不演示了，具体效果就是点击删除按钮之后有一个弹框出来提示是否确认删除，点击确认就删除，点击取消就返回
  
  然后看代码吧

• 这是表格的html

      <template slot="dialogContent">
        <el-table :data="allocationData">
          <el-table-column prop="num" label="序号"></el-table-column>
          <el-table-column prop="siteData" label="站点数据">
            <template slot-scope="scope">
              <el-input v-model="scope.row.siteData" 
                        v-if="scope.row.seen"> </el-input>
              <span style="margin-left: 10px" v-else>{
   {
    scope.row.siteData }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="queryTime" label="查询时间（分钟）">
            <template slot-scope=