一获印、y 軸讓有滾動條工猜,并且頁面可視區(qū)變小叔营,表格高度也進(jìn)行適應(yīng)
<Table :height="tableHeight" ref="selection" :columns="columns" :data="tableList" ></Table>
mounted () {
setTimeout(() => {
// 得到瀏覽器內(nèi)容高度
let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
this.basicData.tableHeight = windowHeight - 300;
}, 100);
// 調(diào)整瀏覽器的時(shí)候
window.addEventListener('resize', () => {
let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
this.basicData.tableHeight = windowHeight - 300;
})
},
二卡睦、效果如下: