element-ui中点击table的单元格进行编辑

<template>
  <div>
    <el-table
        :data="dataDetail"
        :cell-class-name="tableCellClassName"
        :cell-style="timeStyle"
        border
        style="width: 100%"
        max-height="500px"
        @cell-click="tabClick">
      <el-table-column
          prop="dateTime"
          label="时间"
          align="center">
        <template slot-scope="scope" >
          <template v-if="scope.row.index === tabClickIndex && scope.column.index === tableCellClickColumnIndex">
            <el-date-picker
                ref="focusingRef"
                @blur="inputBlur"
                v-model="scope.row.dateTime"
                value-format="timestamp"
                type="d