小程序怎么做查看更多的显示和隐藏

应用场景：

   当列表数据太多时，就会进行分段查询，这就有了查看更多

  小编在刚刚开始做的时候也是费了很大的劲，想了三种方案，这就不细说了，来说下最简单的方案

PHP代码：

    .....其实PHP是不需要处理什么东西的，只需要将数据的总条数返回给前端即可

  

   

    

     

    
    

     

      $count = Db::table('wxb_move_user')->where($where)->count();
     
    
   

    

     

    
    

     
     
     
    
   

    

     

    
    

     

      $send = ['data'=>$product,'count'=>$count];
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      $this->result($send, 200, '获取信息成功', 'json');
     
    
  
 

小程序代码：

   在第一次加载的时候只需要判断总数量是否小于等于10，总量小于等于10后边就没有数据了，查看更多按钮隐藏

   同理,点击查看更多的时候，获取拼接后的数据的条数，在与总量进行判断，当总量大于拼接的数量时，表示后边还有数据，查看按钮就需要在显示出来

   此处的陌生知识点就是concat可以拼接数据

  

   

    

     

    
    

     

      // 获取公司信息
     
    
   

    

     

    
    

     
  getCompanyInfo:function(){
     
    
   

    

     

    
    

     

          wx.showLoading({
     
    
   

    

     

    
    

     
      title: '加载中',
     
    
   

    

     

    
    

     

          })
     
    
   

    

     

    
    

     
    var that = this;
     
    
   

    

     

    
    

     
    var page = this.data.page;
     
    
   

    

     

    
    

     

          wxb.Post('/api/automatic.Allinfo/getInfo',{
     
    
   

    

     

    
    

     
      page: page
     
    
   

    

     

    
    

     

          },function(data){
     
    
   

    

     

    
    

     

            wx.hideLoading();
     
    
   

    

     

    
    

     
      var count = data.count;
     
    
   

    

     

    
    

     
      if(count <= 10){
     
    
   

    

     

    
    

     

              that.setData({
     
    
   

    

     

    
    

     
          companyList: data.data,
     
    
   

    

     

    
    

     
          display: 0
     
    
   

    

     

    
    

     

              })
     
    
   

    

     

    
    

     

            }else{
     
    
   

    

     

    
    

     

              that.setData({
     
    
   

    

     

    
    

     
          companyList: data.data,
     
    
   

    

     

    
    

     
          display: 1
     
    
   

    

     

    
    

     

              })
     
    
   

    

     

    
    

     

            }
     
    
   

    

     

    
    

     
      
     
    
   

    

     

    
    

     

          });
     
    
   

    

     

    
    

     

        },
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
  more:function(){
     
    
   

    

     

    
    

     
    var that = this;
     
    
   

    

     

    
    

     
    var companyList = this.data.companyList;
     
    
   

    

     

    
    

     
    var page = this.data.page;
     
    
   

    

     

    
    

     

          wxb.Post('/api/automatic.Allinfo/getInfo', {
     
    
   

    

     

    
    

     
      page: page+1
     
    
   

    

     

    
    

     

          }, function (data) {
     
    
   

    

     

    
    

     

            wx.hideLoading();
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
      var list = companyList.concat(data.data);
     
    
   

    

     

    
    

     
      var count = data.count;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
      if (count > list) {
     
    
   

    

     

    
    

     

              that.setData({
     
    
   

    

     

    
    

     
          companyList: list,
     
    
   

    

     

    
    

     
          display: 1
     
    
   

    

     

    
    

     

              })
     
    
   

    

     

    
    

     

            } else {
     
    
   

    

     

    
    

     

              that.setData({
     
    
   

    

     

    
    

     
          companyList: list,
     
    
   

    

     

    
    

     
          display: 0
     
    
   

    

     

    
    

     

              })
     
    
   

    

     

    
    

     

            }
     
    
   

    

     

    
    

     

          });
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

        },
     
    
  
 

  
 
 

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/82857536