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的大小信息。

相关推荐
0思必得02 小时前
[Web自动化] HTTP/HTTPS协议
前端·python·http·自动化·网络基础·web自动化
冰封剑心2 小时前
MiniCPM-V-2_6 (4-bit 量化)使用
java·前端·数据库
q***42822 小时前
SpringCloudGateWay
android·前端·后端
爱泡脚的鸡腿2 小时前
uni-app D5 实战(小兔鲜)
前端
tomato_4042 小时前
本地系统、虚拟机、远程服务器三者之间的核心区别
前端
许商3 小时前
【stm32】【printf】
java·前端·stm32
JIngJaneIL3 小时前
智慧物业|物业管理|基于SprinBoot+vue的智慧物业管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·论文·智慧物业管理系统
爬坑的小白3 小时前
vue 2.0 路由跳转时新开tab
前端·javascript·vue.js
爬坑的小白3 小时前
vue x 状态管理
前端·javascript·vue.js
凌览3 小时前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端