- 基于wepy的项目需要实现小程序的列表懒加载
- 没找到合适的微信小程序懒加载插件,找的资料基本都是图片懒加载,于是自己实现
- 小程序API档:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
- 主要基于onReachBottom和onPullDownRefresh两个API,使用前请认真阅读文档
- wepy中动态传参需要用到.sync修饰符
- 已做防抖处理
一、子组件
<template>
<view class="ChildComponents " @tap="enterDetails">
{
{
itemData.title}}
{
{
itemData.content}}
</view>
</template>
<script>
import wepy from 'wepy';
export default class ChildComponents extends wepy.component {
props = {
itemData: {
type: Object,
default: {
id: '',
title: '标题',
content:'内容',
}
},
};
methods = {
enterDetails() {
let id=this.itemData.id*1;
if (!isNaN(id) && typeof id === 'number') {
wx.navigateTo({
url: 'miniProPage?id=' + id
});