iview: 表格 Y 轴上的滚动条

一、y 轴让有滚动条，并且页面可视区变小，表格高度也进行适应

<Table :height="tableHeight" ref="selection" :columns="columns" :data="tableList" ></Table>


mounted () {
    setTimeout(() => {
        // 得到浏览器内容高度
        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
        this.basicData.tableHeight = windowHeight - 300;
    }, 100);
    // 调整浏览器的时候
    window.addEventListener('resize', () => {
        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
        this.basicData.tableHeight = windowHeight - 300;
    })
},

二、效果如下：

image.png
image.png