ElementU表格組件Table高度自適應

若是你在構建管理後臺,菜單欄橫向擺放到整個View的頂部,下方是搜索框一些組件,而後最下面是表格來呈現數據,那麼,當縮放瀏覽器窗口的時候,須要實現表格組件Table的高度自適應。javascript

你能夠經過以下方法實現:java

setTimeout(() => {
      this.customTableHeight = window.innerHeight - this.$refs.table.$el.offsetTop;
    }, 100);

而後將customTableHeight綁定到表格組件上:瀏覽器

:height="customTableHeight" ref="table"

固然不要忘記在data中聲明該變量。ide

相關文章
相關標籤/搜索