首页 > 代码库 > vue移动端Ui组件 mint-ui 使用指南

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

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 

 

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