elementUI动态计算表格高度

308 阅读1分钟

需求

假如一页表格有20条数据,删除或添加一项时,页码要始终在页面的底部,这种需要重新计算一下表格的高度才可以

解决方案

  • 首先给整个表格加一个ref

image.png

  • 之后获取表格的高度

image.png

  • 在页面加载的时候重新计算,需要调用handleResize()方法,同时监听浏览器窗口的改变,重置表格高度

image.png