码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-07-03 13:55:07      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:思路   nbsp   ade   下拉刷新   ui组件   blog   color   log   默认   

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 使用指南

标签:思路   nbsp   ade   下拉刷新   ui组件   blog   color   log   默认   

原文地址:http://www.cnblogs.com/haonanZhang/p/7110482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!