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

Question

两个数组循环出来的 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>

这是显示的效果

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

Answer 1

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