在小屏幕下,将table的max-height设为固定值;在大屏幕下,表格高度根据浏览器高度自适应。
template中,设置el-table的:max-height="this.tableHeight"
...
<el-table
:data="tableData"
style="width: 100%"
:max-height="this.tableHeight">
...
document.body.clientWidth 当前浏览器宽度
window.innerHeight 当前展示页面高度
export default {
data() {
return {
tableHeight: document.body.clientWidth < 1200 ? '400px': window.innerHeight - 90,
...