2016 - 2024

感恩一路有你

懒设计app 如何实现Tab选项卡内容的懒加载?

浏览量:2649 时间:2021-03-12 01:27:59 作者:admin

如何实现Tab选项卡内容的懒加载?

小白,这位还在成长中的前端工程师,如果有任何错误,请跟踪研究并改正!制表符切换在项目中使用得太频繁。为了提高性能,只需进入页面并要求他在当前页面中只加载一个选项卡。这样,一旦进入页面,所有数据都将被加载。如果数据太多,用户将等待加载数据。用户体验很差。现在项目使用元素UI的tab效果。其原理是显示和隐藏显示。这里的问题是,这种隐藏是看不到的,但是DOM渲染仍然会被渲染。因此,为了解决这个问题,我们使用V-IF让当前页面为真,下一个页面为假,这样当你点击时,你可以在你点击的标签下请求创意。当然,你不能总是让它是V-IF,否则性能会更差,所以我们以后可以继续点击哪个选项卡是true,记住其他选项卡不需要改为false,因为这些元素UI已经完成,以后会自动继续显示,这样就不需要频繁地操作DOM,提高了DOM的性能。我不知道是否有什么错误。如果有任何错误,请理解并稍后更改

懒设计app html图片懒加载 如何提升网页加载速度

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。