el-table 自适应高度

记得定义一个ref

  

在table里面加一个 height 

在data里面定义 

tableHeight: 50, //表格高度

最后js方法

 mounted: function () {
      this.$nextTick(function () {
        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 300;

        // 监听窗口大小变化
        let self = this;
        window.onresize = function () {
          self.tableHeight = window.innerHeight - self.$refs.table.$el.offsetTop - 300
        }
      })
      //this.$refs.table.$el.offsetTop:表格距离浏览器的高度
    },

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