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

相关推荐
酉鬼女又兒4 分钟前
零基础快速入门前端Web存储(sessionStorage & localStorage)知识点详解与蓝桥杯考点应用(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·html
FollowHeart9 分钟前
自建私有日记本:MyDiary —— 属于你的 NAS 极简写作空间
vue.js·github
DanCheOo9 分钟前
# 从"会用 AI"到"架构 AI":高级前端的认知升级
前端·ai编程
社恐的下水道蟑螂12 分钟前
前端面试必问 Git 通关指南:常用命令速查 + merge/rebase 深度辨析,看完再也不慌
前端·git·面试
angerdream19 分钟前
最新版vue3+TypeScript开发入门到实战教程之组件通信之二
javascript·vue.js
小只笨笨狗~20 分钟前
解决objectSpanMethod与expand共存时展开后表格错位问题
开发语言·javascript·ecmascript
None32121 分钟前
NestJS 流式文件上传实践:从 Multer 到 Busboy 的进阶之路
前端·后端
海浪浪22 分钟前
Symbol 产生的背景以及应用场景
前端·javascript
DROm RAPS31 分钟前
十七:Spring Boot依赖 (2)-- spring-boot-starter-web 依赖详解
前端·spring boot·后端
OpenTiny社区32 分钟前
GenUI SDK v1.1.0 正式发布|全端体验革新,能力与稳定性进阶
前端·ai编程