当前位置: 首页 > news >正文

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

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

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

this.$nextTick(() => {var tablebox1 = document.getElementById("xxx").getBoundingClientRect()});

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

http://www.dtcms.com/a/572782.html

相关文章:

  • ITIL 4 复习练习及解题思路
  • 数据结构:单链表(2)
  • MYSQL数据库--索引、视图练习
  • 2.2.5 运算方法和运算电路【2011统考真题】
  • 前端上传图片加裁剪功能
  • DevEco Studio 鸿蒙 引入lib中的文件
  • 简述数据库设计--范式、ER图
  • 【Linux】权限(1):初识权限与使用理解
  • 深圳专业做网站的公司河南企业建站系统信息
  • 企业门户网站设计报告wordpress接口
  • 基于大数据的天气分析与应用系统
  • spark读取table中的数据【hive】
  • 最后一轮征稿开启 | ACM出版 | 第二届大数据分析与人工智能应用学术会议(BDAIA2025)
  • 史诗级:在麒麟离线服务器上部署 Dify (含 Weaviate、Nginx 网关、FIP 及离线插件)
  • 潮州网站制作网站建设与管理怎么样
  • 一次实时采集任务延迟问题的完整复盘(Flink CDC)
  • Linux常用命令练习题
  • 常见的接口协议有哪些?(HTTP/HTTPS、REST、SOAP、WebSocket等)
  • Linux 进阶权限管理核心:权限掩码umask与粘滞位的深度解析
  • Flink+Paimon+StarRocks 构建实时分析
  • 快速搭建网站2020创业平台的选择
  • 使用C#代码添加或删除PPT页面
  • 12个月嵌入式进阶计划ZYNQ 系列芯片嵌入式与硬件系统知识学习全计划(基于国内视频资源)
  • 商务演示专用AI PPT工具深度测评:哪些软件能让汇报更出彩?
  • 公司网站空间做那个免费视频网站
  • 【RabbitMQ的应用】
  • RabbitMQ的使用
  • 从零搭建 C++ 在线五子棋对战项目:从环境到上线,全流程保姆级教程
  • 基于传输熵理论的通信网络拓扑结构推理算法matlab仿真
  • 【基于one-loop-per-thread的高并发服务器】--- 前置技术