Vue+Element ui表格高度根据浏览器自适应

Vue+Element ui表格高度根据浏览器高度自适应

1. el-table动态绑定table的高度值
   <el-table :data="List" :height='tableHeight' stripe border highlight-current-row>

2. data定义变量tableHeight

3. 创建时获取窗口高度，在created（）执行

created() {
      this.tableHeight = (window.innerHeight - 200)
    },

4. onresize 事件，在Vue页面mounted调用onresize监听事件 onresize 事件会在窗口或框架被调整大小时发生。

mounted() {
      // 设置表格高度
      this.tableHeight = window.innerHeight - 200
      window.onresize = () => {
        return (() => {
          this.tableHeight = window.innerHeight - 200
        })()
      }
    },