vue缩放页面el-table底部展示不全

vue element-ui 缩放页面el-table底部展示不全问题

问题原因:我的是从缩放90%到100%会出现,到底部展示不全
vue缩放页面el-table底部展示不全_第1张图片

解决方法:

  1. 给el-table增加ref名
  2. 在mounted 里面增加监听缩放,并重新对table进行布局
  mounted() {
    window.addEventListener("resize", () => {
      this.$nextTick(() => {
        this.$refs.tableBox.doLayout();
      });
    });
  },

虽然问题不一样,但本质一样
参考地址

你可能感兴趣的:(vue.js,前端,javascript,elementui)