微信小程序懒加载并友好提示

wxml:

//这边是简单测试下页面自己搭建

<view>

 <view class="d1" wx:for="{{list}}" wx:key="list">

  {{item.goods_name}}

 </view>

</view>

js:

Page({

    /**

     * 页面的初始数据

     */

    data: {

      list:[],

      page:2

    },

    /**

     * 生命周期函数--监听页面加载

     */

    onLoad: function (options) {

      // console.log(options)

      var that=this

      wx.request({

        url: '',//这边写自己的后台接口请求数据

        success:function(res){

          // console.log(res.data.date.data)

          that.setData({

            list:res.data.date.data

          })

        }

      })

    },

    /**

     * 页面上拉触底事件的处理函数

     */

    onReachBottom: function () {

      let that = this;

      let page=that.data.page;

      // console.log(that)

      wx.request({

          url:'', //这边写自己的后台接口请求数据  和上面的接口一样

          data: {page},

          success:function(res) {

            // console.log(res.data.date.data)

              let arr = that.data.list;//得到上面的数据

            // console.log(arr)

            if(res.data.date.data.length==0){

              wx.showToast({

                title: '没有更多了',

              })

            }else{

              that.setData({

                list:arr.concat(res.data.date.data),

                page:page+1

              })

            }

          }

        })

    },

})