企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>uniapp学习>正文

z-paging开启虚拟化列表

2024-09-21 14:00:49 浏览 1429

1、z-paging的安装

官网地址https://z-paging.com/start/intro.html

// 若项目之前未使用npm管理依赖(项目根目录下无package.json文件),先在项目根目录执行命令初始化npm工程npm init -y

// 安装npm install z-paging --save
// 更新npm update z-paging

2、虚拟化列表组件安装(vue3安装)

npm install moment-timezone --save

3、使用

<virtual-list :list="list" :item-height="50" height="200">
   <z-paging ref="paging" autowire-list-name="list" autowire-query-name="queryList">
...
   </z-paging>
</virtual-list>


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音