微信小程序 - 01 - 一些补充和注意点（补充ing...）

最近在学微信小程序，把学习过程中的一些补充和注意点总结一下，内容会比较简单，因为只涉及基础知识，供个人参考

一、节流

情景：有一个按钮，点击会发送请求，用户可能会连续点击，但是我想即便在用户连续点击按钮的情况下，只有上一个请求发送完毕后，才能发送下一个请求

data: {
    isLoading: false
}
// 发请求
getNameList() {
    this.setData({
        isLoading: true // 开启节流，相当于锁住了    
    })
    wx.request({
        url: 'xxx',
        method: 'GET',
        complete: () => {
            // 关闭节流，相当于打开锁
            this.setData({
                isLoading: false            
            })        
        }    
    })
}
// 事件，里面需要发请求
changeName() {
    if(this.data.isLoading) return // isLoading为true，说明上一个请求还在发送中，这时候不能再次发送请求
    getNameList()
}

二、在一个发请求的函数中，只有发生下拉动作，才执行关闭下拉代码

情景：用户发生下拉刷新的动作，于是触发函数，向后端发送请求，在请求结束后，要关闭下拉刷新的效果。但是这个函数不是只有下拉刷新的时候才触发，其他情况也要用到这个函数，我想只有发生下拉刷新才执行函数里的关闭下拉刷新代码，其余情况不执行

  // 发请求获取id对应的数据
  getShopList(cb) {
    wx.request({
      url: `xxx`,
      method: 'GET',
      complete: () => {
        // 关闭下拉刷新的效果(只有下拉了，才需要关闭这个效果，其余情况不需要关闭)
        cb && cb()
      }
    })
  },
// 页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh() {
    // 重新发起数据请求
    this.getShopList(() => { // 传递了关闭下拉刷新的代码，在getShop函数里会执行该代码
      wx.stopPullDownRefresh()
    })
  },
// 普通事件
changeShop() {
getShopList() // 没有传递参数，则在getShop函数里不会执行关闭下拉刷新的代码
}

原文地址：https://blog.csdn.net/m0_64150479/article/details/142751501

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！