在手机端加载商品或者评论时经常会遇到页面滚动到底部加载更多数据的需求。
我在开发过程中也经常遇到,每次都感觉很头疼。特别是在订单那种有tab切换,混杂着触底刷新,tab切换后又要重置参数,很多时候代码会写一大堆,过了几天TMD自己写的都看不下去了。
最关键的是这种需求在商城类的需求很多,首页有评论有购物车也有,复制粘贴固然可以解决这些问题,但是代码整洁和共用提纯上乱的一塌糊涂。
于是我尝试用一种模式去改变这种现状。
用一种类似于工厂设计的模式来做,一开始传入请求数据的函数request、初始的list,请求的参数pages,是否刷新fresh、以及请求结果的回调callBack,然后在onReachBottom每次触底都请求一次getData(),当你需要改变pages,然后重置getData(true),即可重置请求结果 下面的代码我最近在uni-app使用的一种 在vue文件里