长列表优化
在前端页面显示中,有时候会遇到很长的列表优化,会创建很多的dom,导致网页拖动卡顿或加载慢,如何对长列表进行优化。
一、使用betterScroll
1.先下载betterscroll
下载模块并引入
npm install --save better-scroll
2.把自己的模板包装起来
封在一个div中,加入样式,限制高度


3.初始化better-scroll
在获取数据后,初始化betterscroll,挂载到封装的节点上。因为初始化的时候dom还没有出来,数据还没有传过来,所以要在this.$nextTick()中使用
引用-this.$nextTick()原理

4.需要显示滚动条添加此属性

本文记录了使用betterScroll进行长列表优化的步骤。首先介绍如何下载并引入betterScroll,接着讲解如何将模板包裹在div中并设置样式。接着,在数据加载后通过$nextTick初始化betterScroll,并在需要显示滚动条时设置相应属性,解决滚动条位置问题。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



