当前位置: 首页> 科技> 数码 > 建设摩托车官网报价_有什么可以下载软件的网站_网络媒体有哪些_网站怎么做的

建设摩托车官网报价_有什么可以下载软件的网站_网络媒体有哪些_网站怎么做的

时间:2025/7/11 15:13:06来源:https://blog.csdn.net/violeteverdack/article/details/146212593 浏览次数:3次
建设摩托车官网报价_有什么可以下载软件的网站_网络媒体有哪些_网站怎么做的

前端优化不可不避的一谈之虚拟滚动:众所周知,滚动是直挺挺的往dom树加东西,如果滚太多滚到万级,渲染过多就会卡顿,而vue-virtual-scroll的灵活懒渲染就能解决这个问题

1,下载与配置

npm install --save vue-virtual-scroller@next

  2,main.ts中配置导入

import VueVirtualScroller from 'vue-virtual-scroller'
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'app.use(VueVirtualScroller)

3,使用如下:

Arr是自定义的比如一个对象数组,至少含有id,min-item-size是最小的高度默认px单位,key-field会读取posts中的id,列表的长度由posts长度决定,行内style的两个样式是必须有的,高度代表视窗高度,然后设置overscroll-scroll才能滚动,其他属性就没必要管了,不用去看官方又臭又长的文档

<template><DynamicScroller:style="'overflow':'scroll', 'height':'400px'":items="Arr":min-item-size="100"key-field="id"><template #default="{ item, index, active }"><DynamicScrollerItem:item="item":active="active":data-index="index">// 这里放置需要循环的代码</DynamicScrollerItem></template></DynamicScroller>
</template>
关键字:建设摩托车官网报价_有什么可以下载软件的网站_网络媒体有哪些_网站怎么做的

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: