需求是这样的,组件库不支持表格表头图标的替换,需要些代码手动替换图标
通过原生的方法根据样式名称找到对应的图标对象(图标对象返回的是个数组),然后给图标对象增加对应的样式
图标对象=tableRef?.value?.$el?.querySelectorAll('样式名称')
图标对象[0]?.classList?.add('新样式');
图标对象[0]?.classList?.remove('新样式');
但是一刷新界面,表格内图标样式有概率消失,排查了半天,最后发现是表格有一列是v-if控制的,一开始为false,后面设置为true,表格的ref对象变化导致的,修改v-if初始值,不让v-if变化,这个问题就解决了