小杨不掉发 2022-06-27 16:06 采纳率: 71.4%
浏览 213
已结题

Vue3获取dom高度不准确

想利用html文件cdn引入Vue3写一个有瀑布流的demo,但是我碰到我在onMounted里打印元素高度不准确的问题

img

img


为什么在onMounted搭配nextTick还是获取不准确呢,我总不可能在定时器里执行代码吧

  • 写回答

3条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-06-27 16:43
    关注

    图片加载吧,每个图片同样的也是请求,没加载出来之前可能高度就是alt或者无高度,再有因为是异步的

    你的Mounted和nextTick到了抓取时机所以 就抓到高度不准确

    img 有个 @load事件 但是会触发多次

    @load='触发事件'
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 孤月葬花魂 2022-06-27 16:21
    关注

    打印下ref对象,可能原因是图片加载需要时间

    评论
  • 关注

    获取的是可视高度啊

    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 7月6日
  • 已采纳回答 6月28日
  • 创建了问题 6月27日

悬赏问题

  • ¥15 Tpad api账户 api口令
  • ¥30 ppt进度条制作,vba语言
  • ¥15 stc12c5a60s2单片机测光敏ADC
  • ¥15 生信simpleaffy包下载
  • ¥15 请教一下simulink中S函数相关问题
  • ¥15 在二层网络中,掩码存在包含关系即可通信
  • ¥15 端口转发器解析失败不知道电脑设置了啥
  • ¥15 Latex算法流程图行号自定义
  • ¥15 关于#python#的问题:我在自己的电脑上运行起来总是报错,希望能给我一个详细的教程,(开发工具-github)
  • ¥40 基于51单片机实现球赛计分器功能