vue使用element-ui 其中,使用 el-table 组件,存在固定列时,大概率会出现表格列错位的情况
![错位](https://img-blog.csdnimg.cn/direct/d50203bb2ef94db6851f9d9d0de678cf.png)
解决方法
1.在混入文件中监听页面激活函数
判断当前路由页面的name与表格所在页面name相同,且表格ref = “refsTable”时,对 Table 进行重新布局
2.页面配置table的ref=“refsTable”,并引用混入文件
![引用](https://img-blog.csdnimg.cn/direct/97611536f9f44e90a7178a8ec232317a.png)
3.特殊页面,直接在监听页面被激活函数调用
activated () {
this.$refs.refsTable.doLayout();
},