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

相关推荐
hellokatewj3 分钟前
React Hooks 全解:原理、API 与应用场景
前端·javascript·react.js
袋鱼不重10 分钟前
保姆级教程:让 Cursor 编辑器突破地区限制,正常调用大模型(附配置 + 截图)
前端·后端·cursor
bieao11 分钟前
Vite+Antd+Micro-app中iframe模式下样式闪烁的问题
前端
zhouzhouya15 分钟前
码上星辰,人间烟火:我的2025
前端·程序员·代码规范
江湖yi山人15 分钟前
生产环境的log,上传到开发者的本地服务器
javascript·python
彭涛36123 分钟前
什么是MessageChannel
前端
嘉琪00131 分钟前
provide 和 inject的理解?
前端·javascript·vue.js
匆叔33 分钟前
ESLint,前端项目CTRL+S,自动保存格式化文档,超细
前端
满天星辰33 分钟前
Vue3响应式API-reactive的原理
前端·vue.js
XiaoYu200235 分钟前
第10章 SSE魔改
前端·webassembly