300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 解决element UI table 表格 固定列单元格错位

解决element UI table 表格 固定列单元格错位

时间:2023-06-02 05:42:10

相关推荐

解决element UI table 表格 固定列单元格错位

最近在使用表格组件的固定列后,才发现表格有样式bug,在使用点击事件切换表格尺寸大小时,会发现固定列样式没有对齐,在切换页面之后,就会出现列错误的现象,如下:

解决方法:

1、给表格添加ref

<el-tableref="table" //添加ref,名字可自定义height="100px"v-loading="loading":data="tableData">

2、添加actived 并调用methods里的方法

activated() {//activated()函数就是一个页面激活后的钩子函数,一进入页面就触发this.doLayout();},

3、在methods添加方法

methods: {doLayout() {this.$nextTick(() => {this.$refs.table.doLayout();});},}

如果还是不能解决的话,可以在获取数据接口的地方使用此函数

官方方法列表:

如果大家也有遇到同样的问题,这样解决还是有效的,希望对大家有帮助。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。