本文记录一个实际开发中
pl-table的问题，项目比较老，vue还是2.x版本。pl-table是基于el-table改造过来的表格展示组件，已经停止更新。文章来源地址https://www.toymoban.com/news/detail-639785.html
问题描述
- 当
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()方法即可。
文章来源：https://www.toymoban.com/news/detail-639785.html
到了这里，关于记录 pl-table 表格头部文字抖动的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
