element可编辑表格 可追加、删除、编辑数据

实现 vue + element可编辑表格（二）

现在需要实现在表格追加数据 且可编辑 废话不说 上代码吧
1、html部分

    <!-- 新增可编辑表格 -->
      <el-table
        :data="tableData"
        border
        fit
        highlight-current-row
        style="width: 100%"
      >
        <el-table-column prop="" label="期间" align="center">
          <template slot-scope="scope">
            <el-select
              v-model="scope.row.periodId"
              size="mini"
              filterable
              placeholder="请选择"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </template>
        </el-table-column>

        <el-table-column prop="sysName" label="业绩目标值" align="center">
          <template slot-scope="scope">
            <el-input-number
              v-model="scope.row.performanceTarget"
              v-show="scope.row.show"
              type="number"
              :min="0"
              :controls="false"
              :precision="2"