tnblog
首页
视频
资源
登录

MUI 点击上拉加载

4665人阅读 2019/11/18 22:12 总访问:108365 评论:0 收藏:0 手机
分类: MUI

首先在想获取加载下一页数据时的div外设置一个想要加载的div

如:

   <div class="mui-content-padded" style="text-align: center;">
         <a id="TextMore">加载更多</a>
   </div>

接下来写加载下一页的新数据的事件

    //点击加载加载
   var page=2;
   var TextMore=document.getElementById("TextMore"); // 获取点击要加载的数据的id值

   //上拉加载
    TextMore.addEventListener("tap",function(){// tap定义标识
   
    mui.get('http://m/tt/home/'+page, {
    category:'news'
   },function(data)
    {
    //aConter 是下面vm 传上来的
      vm.$data.articlelist=vm.$data.articlelist.concat(data.value);
       page++;
    });
   });





评价
希望你懂得很多之后,依旧热爱生活
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术