u-loadmore为什么没有加载效果

<u-loadmore :status="loadStatus" bg-color="#F8F8F8"  :margin-top="20" :margin-bottom="20"></u-loadmore>

loadStatus: 'loadmore',
                page: 1,

onReachBottom() {
            if(this.page >= 3) return ;
            this.status = 'loading';
            this.page = ++ this.page;
            setTimeout(() => {
                this.list += 10;
                if(this.page >= 3) this.status = 'nomore';
                else this.status = 'loading';
            }, 2000)
        }

按照官方文档这么写的，为什么会没有效果呢

uni-app 上拉加载 使用uni-ui 的 LoadMore 组件_小猫爪子-CSDN博客 实现列表下拉加载 上拉刷新上拉加载下拉刷新使用onPullDownRefresh遇到的问题上拉加载我在代码里是配合list使用的LoadMore 组件实现下拉加载，贴一个官网组件地址 LoadMore 下拉加载的原理大概是：设置好每页展示多少条数据，加载第一页。加载完后判断当前状态，如果数据列表的长度=全部数据长度，则将状态设置为noMore，否则为more。从第二页开始，每加载一页就在数据列表中拼接下一页内容。重复进行（2）直到加载完全部数据。当数据加载完毕后页码pag https://blog.csdn.net/ka_xingl/article/details/110083976