element ui库table表格组件通过条件渲染列时失效

412 阅读1分钟

element ui库table 表格组件通过条件渲染(v-if)表格列时导致对应列数据错乱

<el-table :data="tableData" > 
<el-table-column prop="date" label="日期" v-if="show"> </el-table-column> 
<el-table-column prop="name" label="姓名"> </el-table-column> 
</el-table>

此时只需在条件渲染列加上key即可

<el-table :data="tableData" > 
<el-table-column prop="date" label="日期" v-if="show" key="1"> </el-table-column> 
<el-table-column prop="name" label="姓名"> </el-table-column> 
</el-table>