ElementUI 表格自适应高度终极解决方案

直接上代码，这样不管在表格上边有任何组件，都可以解决。下边的这个50高度是用来放其他组件的，比如常见的分页组件，如果你不需要的话，可以不用放。

1
2
3
4
5
6
7
8
9
10
this.$nextTick(function () {
//在页面渲染完成后
  this.height = window.innerHeight - this.$refs.table.$el.getBoundingClientRect().top - 50     
  this.$refs.table.$el.getBoundingClientRect().top //表格距离浏览器的高度
  var that = this
  // 添加监听窗口大小变化事件
  window.onresize = function () {
    that.height = window.innerHeight - that.$refs.table.$el.getBoundingClientRect().top - 50
  }
})