mounted() {
// 初始化表格
// es6语法,在window挂载一个onresize组件时,这个onresize就会被覆盖掉导致高度无法自适应
if (this.$refs.refTable) {
this.$nextTick(() => {
this.heights = window.innerHeight - 140
window.onresize = () => {
this.heights = window.innerHeight - 140
}
})
}
// 初始化表格
// es5语法,不会被覆盖
this.$nextTick(() => {
this.heights = window.innerHeight - 85
window.addEventListener('resize', () => {
this.heights = window.innerHeight - 85
}
}
$nextTick
定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM
vue表格高度自适应
于 2023-06-06 16:25:46 首次发布