两个数组循环出来的 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>
这是显示的效果
我想点击红框能修改数据 应该怎么做
自定义 单元格内容呗 点击 元素 用v-if显示 input 失去焦点 隐藏 input。显示 input的value值 。 所以你表格数据里得预留 好几个字段 。
1.input的值
2. input是否显示
在el-table-column里面加一个input输入框
<el-table-column
prop=""
label="列宽"
width="80"
align="center"
>
<template slot-scope="scope">
<el-input v-model="" />
</template>
</el-table-column>