Vue读取HTMLCollection列表的length为0问题怎么解决


这篇“Vue读取HTMLCollection列表的length为0问题怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue读取HTMLCollection列表的length为0问题怎么解决”文章吧。在计算better-scroll右侧列表滚动高度的时候,发现列表的length为0上网查阅发现问题可能是由于mounted 不会承诺所有的子组件也都一起被挂载。这个时候dom元素还有没挂载完毕。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted:但是不清楚为什么使用了这个方法后获取的length依旧为0,免费云主机域名就在_calculateHeight()方法上加了个定时器,等到完全渲染完成时再获取高度(这种问题可能会出现bug,不知道页面什么时候渲染完毕):在学习饿了么实践项目时候发现一个问题,在mounted阶段,获取Element对象,console.log()可以读取出列表,而却无法读出它的length如下以下出自官方文档mounted类型:Function详细:el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当mounted被调用时vm.$el也在文档内。注意mounted不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以用vm.$nextTick替换掉mounted:该钩子在服务器端渲染期间不被调用。看完以上文档介绍,可以知道在mounted阶段,mounted不会承诺所有的子组件也都一起被挂载,所以在此阶段,dom结构还没加载完,js就执行了 1.使用官方文档说明(如果你希望等到整个视图都渲染完毕,可以用vm.$nextTick确保渲染完成后再获取数据。重要的是理解执行顺序,异步调用的话可以使用Promise保证执行顺序踩到的一个坑:有文章说可以在updated阶段执行,这时可以取到渲染完毕后的Listupdated:由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子就是说,在使用better-scroll滚动时,会触发updated,使得scrollYList不断被推入数据,然后导致我用这个的时候,整个浏览器崩溃了,很是尴尬,哈哈哈,所以我感觉updated执行这个解决方案,不大适合解决这类问题以上就是关于“Vue读取HTMLCollection列表的length为0问题怎么解决”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。

相关推荐: php如何实现字符转电码

这篇文章主要介绍“php如何实现字符转电码”,在日常操作中,相信很多人在php如何实现字符转电码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php如何实现字符转电码”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! php实现…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/11 09:06
下一篇 03/11 09:06

相关推荐