vxe-table动态表头异常渲染问题

描述:

        使用vxe-table插件,若多列头的情况下,其中包含一到多级的动态生成,这种情况下,普通for循环,只有切换第一级动态项时,表头会重新渲染,若第一级表头不变而一级以上的表头动态生成时,页面则不能正常渲染。

产生原因:

        vxe-table数据驱动是根据v-for下的key值进行检索,若切换动态条件时,第一级表头key值未变,则页面DOM是不会重新渲染的。

解决方案:

1、每次切换查询条件时,将最外层key赋值为一个随机数;

弊端:每次切换查询时,都要更新表头DOM,表头比较复杂时,对页面展示性能会有影响

2、将本级id与子级id合并转换成一个唯一值,其中有一个值发生变化,都会重新渲染。

你可能感兴趣的:(javascript)