电商运营培训课程网站,电影分享网站源码,全球最好的云服务器,h5建站网站本文记录一个实际开发中 pl-table 的问题#xff0c;项目比较老#xff0c;vue还是2.x版本。pl-table 是基于 el-table 改造过来的表格展示组件#xff0c;已经停止更新。 问题描述
当 data 内数据动态改变时#xff0c;pl-table 的表头部分#xff0c;列的文字会左右抖动… 本文记录一个实际开发中 pl-table 的问题项目比较老vue还是2.x版本。pl-table 是基于 el-table 改造过来的表格展示组件已经停止更新。 问题描述
当 data 内数据动态改变时pl-table 的表头部分列的文字会左右抖动。如果只是打开关闭弹框这样的场景data 对应的变量只会在打开弹框或关闭弹框变化一次也就是 pl-table 的表头文字只在打开关闭弹框瞬间抖动一次。但是某次需求是在弹框中加入倒计时功能data 中的倒计时变量每隔一秒变化一次导致 pl-table 的表头文字每秒都在抖动。
解决办法
beforeUpdate() {this.$nextTick(() {this.$refs.el_table.doLayout() // el_table: el-table 的 ref 名})
},既然 pl-table 其实也是 el-table 改的表头文字抖动问题也是共性。只需在 beforeUpdate 生命周期中nextTick 任务中对 el-table 的 ref 对象使用 doLayout() 方法即可。
