节流阀的巧妙使用

节流阀的巧妙使用

一、节流阀是什么？

节流阀 我自已总结的 很简单的一句，事件多次触发的时候，我们可以通过设置一个true 和 false 来控制，相当于一道门，降低事件的执行频率

二、使用步骤

• 问题？ 在下拉刷新 或则上拉触底加载的时候 会一直发起请求，这样会增加服务器的压力。
• 解决：可以使用一个节流阀，
• 使用：
  在data定义一个 isloading： false 默认关闭状态 在发起请求的时候 节流阀打开 在请求完的时候 节流阀关闭 在执行这个事件的时候
  类如：上拉触底 获取新的下一页数据

代码示范

data （）{
	// 是否正在请求数据
	isloading： false
}
     async getGoodsList() {
        // 请求数据的时候 打开节流阀
        this.isLoading = true
		................
		................
        //  请求完毕 关闭节流阀
        this.isLoading = false
      }
onReachBottom() {
     //  根据节流阀的状态 来控制请求的状态
     // 就是说 节流阀打开的时候 也就是在请求上次数据的时候，不让他执行下面的代码  false 才执行 刷新请求
     if(isloading) return
      // 切换到下一页 自增 +1
      this.queryObj.pagenum ++
      // 调用函数 跟新
      this.getGoodsList()
    },