vue移动端Ui组件 mint-ui 使用指南

Posted 2020-09-26 haonanElva

1、上啦加载下拉刷新的使用

this.$refs.loadmore.onTopLoaded();
this.$refs.loadmore.onBottomLoaded();

上啦刷新下拉加载的 动画显示 在没有数据的请求前想看见的话

setTimeout(() => {
                this.$refs.loadmore.onTopLoaded();
            }, 1000);

jq的思路：

　　默认加载第一页，然后下拉的时候在请求数据在加载。

在这里：

　　函数

loadTop ()；
loadBottom ()

会被默认家在一次，因此就相当于是默认加载了。只需要在数据上处理的时候分清楚就行。

另外上啦加载 ，第二页的数据插进去的方法是，将新的请求到的数据和 原先的数据 合并。

this.homeList = this.homeList.concat(response.data.list);
// 新的也就是下一页的数据

response.data.list