el-checkbox在表格中使用问题

顺利的玛蒂尔达同学

于 2024-12-06 11:41:20 发布

阅读量255

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_69617351/article/details/144287128

版权

如图，el-checkbox在表格中使用，当选中的那条数据被删除之后，出现了在同一位置另一条数据为选中状态，打印发现他的值是没问题的。

经过查询，需要在el-checkbox上加key值，因为vue会复用已有元素而不是从头开始渲染,所以有唯一的key值可以避免偷懒行为

<el-table-column label="确认状态" width="100">
      <template slot-scope="scope">
            <el-checkbox :checked="scope.row.checked" :key="scope.row.prepareDtlId"  size="small" @change="onChange(scope.row.inBatchNo)"/>
      </template>
</el-table-column>