鸿蒙系统微信小程序,从微信小程序到鸿蒙js开发【13】——list加载更多&回到顶部...

作者：2023面试高手 | 2024-03-22 20:03:14

踩

微信小程序部分在鸿蒙上的bug

鸿蒙入门指南，小白速来！从萌新到高手，怎样快速掌握鸿蒙开发？【课程入口】

1、list加载更多

如果在list中需要展示的数据非常多，那么一次性获取全部数据并显示，对于后端服务器和前段渲染的性能都是很大的负担，浪费资源且页面加载速度会很慢。

在网页端做分页普遍是用户点击“上一页”，“下一页”进行翻页，而移动端设备一般是在滑动到页面底端后加载下一页数据，并将数据接在列表底部。在list组件中，可以通过onscrollbottom属性绑定事件并处理。

视觉效果上来看数据是连续的，但其中已经触发了一次翻页。

list部分 hml视图层：

{ { $item.user.username }}

{ { $item.date }}

{ { $item.content }}

css渲染层：

list {

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/290590