vue基于elementui设置表格动态高度的几种方法

这个方法需要在表格外层设置一个div，原理是将表格的高度设置成外层div的高度，所以外层的div需要使用calc来设置高度，然后给表格设置:height="tableH"的属性

最外层div高度的设置方法

动态获取表格高度tableH的方法

还是需要在表格外加一层div,div高度设置和方法一相同，不过表格高度不用动态设置，直接设置height="100%"即可

这种方法不需要设置外层div,定义一个文件夹tableHeight分别定义一个tableHeight.js和index.js

tableHeight.js如下

index.js如下

使用方式，在main.js里面引入以便全局使用，当然你也可以局部引入

main.js

在表格中使用

1、首先定义一个public.mixin.js（mixin适用于多个页面需要使用到计算高度公共方法）

2、在index.vue文件里面编写

3、大概就这些内容谢谢大家关注，END

---