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

相关推荐
咫尺的梦想0073 小时前
vue笔记(第一天)
前端·vue.js·笔记
zhougl9963 小时前
NoSQL 数据库和内存数据库 - MongoDB简单了解
java·前端·javascript
爱学习的马喽3 小时前
React钩子函数完全指南:从useState到useEffect的实战详解与场景剖析
前端·javascript·react.js
abigale033 小时前
开发实战 - ego商城 - 7 地址管理模块
前端·uni-app·node.js
焦糖小布丁3 小时前
泛域名SSL证书:一张证书保护所有子域名,企业网站必选
前端
SamsongSSS3 小时前
JavaScript逆向Vue处理事件和捕获错误的核心逻辑
前端·javascript·vue.js·逆向
码银3 小时前
【简易聊天室】使用 HTML、CSS、JavaScript 结合 WebSocket 技术实现
javascript·css·node.js·html
老华带你飞3 小时前
订票系统|车票管理系统|基于Java+vue的车票管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·订票系统
桃子不吃李子3 小时前
一些工具的使用
javascript·mongodb·node.js