el-table踩坑之动态渲染表头

需求

某一字段test_param,根据用户选择的不同数据,利用v-if渲染不同表头的表格

遇到问题

需求是数据a对应表格具有勾选功能,数据b对应表格无勾选功能,但是切换test_param的数值的时候,a和b渲染出的表格均具有勾选功能

问题分析

这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的,故,需要添加key来做区分!

el-table踩坑之动态渲染表头

此时问题得到解决:)

原理分析:

 vue官方文档给出的解释——>传送门

el-table踩坑之动态渲染表头