vue在获取某一个div的大小,怎么确保div渲染好,内容撑开后才去获取大小

vue在获取某一个div的大小,怎么确保div渲染好,内容撑开后才去获取大小

正常情况下,我们会在mounted钩子中使用document.getElementById("xxx").getBoundingClientRect()去获取id为xxx的这个div的大小信息。但有时候div里面是一个表格,还没渲染好,这时候就需要使用

javascript 复制代码
this.$nextTick(() => {
        var tablebox1 = document.getElementById("xxx").getBoundingClientRect()
      });

如上所示,使用this.$nextTick包裹的代码会在页面完全渲染完成之后才去执行里面的代码,获取div的大小信息。

相关推荐
敲代码的彭于晏17 小时前
在迁移中学习 React 18:一份来自 React 17 的升级问题清单
前端·react.js
顾安r17 小时前
12.17 脚本工具 自动化全局跳转
linux·前端·css·golang·html
踢球的打工仔17 小时前
jquery的基本使用(2)
前端·javascript·jquery
阿蒙Amon17 小时前
JavaScript学习笔记:16.模块
javascript·笔记·学习
菠菜盼娣17 小时前
Eslint 用法
vue.js
DEMO派17 小时前
前端javascript如何实现阅读位置记忆【可运行源码】
前端
苏打水com17 小时前
第十七篇:Day49-51 前端工程化进阶——从“手动”到“自动化”(对标职场“提效降本”需求)
前端·javascript·css·vue.js·html
文心快码BaiduComate17 小时前
Comate强力赋能:「趣绘像素岛」从体验泥潭到高性能可用的蜕变之路
前端·后端·程序员
『 时光荏苒 』17 小时前
使用Vue播放M3U8视频流的方法
前端·javascript·vue.js
Apifox18 小时前
Apifox + AI:接口自动化测试的智能化实践
前端·后端·测试