想利用html文件cdn引入Vue3写一个有瀑布流的demo,但是我碰到我在onMounted里打印元素高度不准确的问题
为什么在onMounted搭配nextTick还是获取不准确呢，我总不可能在定时器里执行代码吧
Vue3获取dom高度不准确
为什么在onMounted搭配nextTick还是获取不准确呢，我总不可能在定时器里执行代码吧
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2022-06-27 16:06回答 3 已采纳 图片加载吧，每个图片同样的也是请求，没加载出来之前可能高度就是alt或者无高度，再有因为是异步的 你的Mounted和nextTick到了抓取时机所以 就抓到高度不准确 img 有个 @load事件
- 2021-06-24 08:33回答 4 已采纳 第一种方法也就是原生JS方法，毕竟前端框架八九不离JS
- 2021-12-31 10:12回答 4 已采纳 可能跟注册有关
- 2021-12-30 09:58weixin_54009353的博客 首先监听这个动态元素的变化，在this.$nextTick中获取dom元素，但我获取的时候是不准确的，所以就加了个延时器，就能获取dom元素准确的高度啦 <template> <img ref="bottomBtn" :src=...
- 2022-05-24 19:53回答 5 已采纳 用事件对象的stopPropagation阻止冒泡执行document.onclick事件+dom元素contains判断下是否点击到弹出元素，示例代码如下 <div onclick='draw
- 2022-05-23 14:23回答 6 已采纳 你可以了解下 动态组件 components is 循环一下组件名这种，应该是能满足你的需求的 v-html并不能写自定义组件 楼上给出答案了
- 2022-06-18 00:17回答 5 已采纳 获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
- 2022-01-20 16:58神仙刘的博客 今天老大没安排活干，也不想划水，于是打算用一个websocket写一个简易的...又使用debug调试，发现：vue会先执行你的其它方法，再渲染页面，导致总是只能滑到上一条消息展示的高度。 于是我再百度，发现：重置数据后，获
- 2022-04-25 13:26回答 3 已采纳 具体报什么错，你在第二行试一试 {{titleIndex == 0?documentJson.title[titleIndex].font_family:''}}
- 2022-06-29 17:13回答 2 已采纳 created 不能用async啊
- 2022-03-04 16:10回答 2 已采纳 抓到的就是抛出来的值 响应式值
- 2022-12-31 16:36视觉CG的博客 【vue3】onMounted获取元素高度不准确
- 2022-07-26 13:30回答 2 已采纳 有没有一种可能，你漏了个东西
- 2023-02-17 11:58桂亭亭的博客 其中this.$nextTick是页面渲染完成后的回调函数，当页面渲染完成再进行获取宽高等就比较准确了，但是还是有问题的，如果没用看方法2。这边是用一个setTimeout实现的，其作用是在其他操作执行完毕后才会执行其中的...
- 2022-11-21 09:00winty~~的博客 前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言Vue 3 正式版已经发布有一段时间了，随着 ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
7月6日
已采纳回答
6月28日-
创建了问题
6月27日
悬赏问题
- ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构，按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 linux驱动，linux应用，多线程