elementUI使用el-table fixed属性出现白边问题

最新推荐文章于 2024-09-23 10:53:44 发布

Print_v

最新推荐文章于 2024-09-23 10:53:44 发布

阅读量1.2k

点赞数

分类专栏： vue2 文章标签： WEB vue elementui

本文链接：https://blog.csdn.net/qq_37147630/article/details/125613918

版权

vue2 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

出现原因：在改变窗口大小时，出现滚动条，再使滚动条消失，可能会导致下图情况

解决方法：在窗口改变大小时，重置el-table表格布局，代码如下：

<el-table ref="table"></el-table>

export default {
  mounted: function() {
    window.addEventListener('resize', this.$_elTableMinxin_resetLayout)
  },
  destroyed: function() {
    window.removeEventListener('resize', this.$_elTableMinxin_resetLayout)
  },
  methods: {
    $_elTableMinxin_resetLayout(){
      this.$nextTick(() => {
        if(this.$refs.table){
          this.$refs.table.doLayout();
        }
      })
    }
  }
}

注：

如果的地方使用过多，可以自建一个minxins,仅需引入就可以了

参考链接：混入 — Vue.js