微信公众号开发

微信小程序分页加载

本文主要是介绍微信小程序分页加载,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<view>


 

  <form catchsubmit="formSubmit" catchreset="formReset">

      <input class="weui-input" name="title" placeholder="这是一个输入框" />

        <button style="margin: 30rpx 0" type="primary" formType="submit">搜索</button>

    </form>


 

    <block wx:for="{{str}}" wx:key='key'>

    <view>

      <rich-text nodes="{{item.title}}"></rich-text>

      <text>{{item.content}}</text>

    </view>

  </block>



 

   <view class="body">

      <block wx:for="{{fang}}" wx:key="item">

        <view class="a">

          <view class="a-1"><image src="{{item.img}}"></image></view>

          <view class="a-2">

            <view>{{item.name}}</view>

            <view>{{item.desc}}</view>

          </view> 

        </view>

      </block>

</view>

</view>

 

js

  data: {

     fang:[],

     page:1,

     pagmax:6

   

  },

 

 

 

    let page=this.data.page

 

    wx.request({

      url: 'http://localhost/index.php/api/show',

      data:{page},

      success:e=>{

        // console.log(e)

         page++;

         this.setData({

          fang:e.data.data,

         

        })

        console.log(page);

      }

    })

 

这篇关于微信小程序分页加载的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!