el-table踩坑之动态渲染表头
需求:
某一字段test_param,根据用户选择的不同数据,利用v-if渲染不同表头的表格
遇到问题:
需求是数据a对应表格具有勾选功能,数据b对应表格无勾选功能,但是切换test_param的数值的时候,a和b渲染出的表格均具有勾选功能
问题分析:
这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的,故,需要添加key来做区分!
此时问题得到解决:)
原理分析:
vue官方文档给出的解释——>传送门