[JavaScript知识库]窗口自适应(iview-Vue)

<Table border :columns="columns4" :data="tableData" ref="selection" highlight-row :height="tableHeight" :key="random" ></Table>

?? ?:height?? ??? ?动态设置高度
?? ?:key?? ??? ?用于强制刷新

data:

tableHeight: 0,

methods:

        getTableHeight(){
                  // 重新渲染,改变random的值
            this.random = new Date().getTime() * 1000 + (this.random++ % 1000);
            this.tableHeight = window.innerHeight - this.$refs.selection.$el.offsetTop - 100;
        }

mounted:

        window.addEventListener("resize", this.getTableHeight); //此方法监听屏幕大小变化