瑾冰

MUI 点击上拉加载

电脑版发表于:2019/11/18 22:12

首先在想获取加载下一页数据时的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++;
    });
   });





关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢