1. 程式人生 > 其它 >traveller 微信小程式頁面載入

traveller 微信小程式頁面載入

技術標籤:小程式js

前臺繫結載入事件
在這裡插入圖片描述
在這裡插入圖片描述

書寫js方法

 fang:function(){
    if(this.data.last_page>=this.data.page){
      wx.showLoading({
        title: '資料載入中',
        mask:true
      })
      const that=this
      wx.request({
        url: 'http://www.zfw.com/api/getwhere', //僅為示例,並非真實的介面地址
       data: {
         page:this.data.page,
        },
        success (res) {
          // console.log(res.data.data.data)
          that.setData({
            fang_list:[...that.data.fang_list,...res.data.data.data],
            page:that.data.page+1,
            last_page:res.data.data.last_page
          })
          wx.hideLoading({})
        }
      })
    }else{
      wx.showToast({
        title: '已經沒有更多資料了',
        icon:"none",
        mask:true
      })
    } 
  },

資料定值判斷頁面數 顯示或隱藏
在這裡插入圖片描述