两个数组循环出来的 element-ui 表格,我想点击表格的某一个能修改该数据

两个数组循环出来的 element-ui 表格,我想点击表格的某一个能修改该数据

这是写的表格

    <el-table :data="tabletr" stripe border>
              <el-table-column v-for="(items, index) in tabletd" :prop="items.prop" :label="items.label" :key="index">
              </el-table-column>
     </el-table>

这是显示的效果

img

我想点击红框能修改数据 应该怎么做

img

自定义 单元格内容呗 点击 元素 用v-if显示 input 失去焦点 隐藏 input。显示 input的value值 。 所以你表格数据里得预留 好几个字段 。
1.input的值
2. input是否显示

在el-table-column里面加一个input输入框

  1. 自定义单元格模板
  2. 点击单元格时模板变为inpput
  3. 修改完后,修改数据

      <el-table-column
        prop=""
        label="列宽"
        width="80"
        align="center"
      >
        <template slot-scope="scope">
          <el-input  v-model="" />
        </template>
      </el-table-column>