el-table-column 使用 v-if 错位问题
2023-02-14 本文已影响0人
无东东
el-table-column 使用 v-if 错位问题:
发生问题的情况一般是table列表限制了高度、使用内部滚动;有的列中使用了fixed固定;同时有的列使用了v-if控制显示隐藏。
在这种情况下切换显示状态(v-if)、或者窗口宽度变化时(主要引发头部栏的布局发生变化),fixed的列会显示错位。
解决方法:
在第一个有fixed的列中(一般就是第一列,不一定是v-if的列)加上 :key="Math.random()" 强制每次刷新可以解决。
但切换数据时刷新的列会有闪烁。