节流阀的巧妙使用
一、节流阀是什么?
节流阀 我自已总结的 很简单的一句,事件多次触发的时候,我们可以通过设置一个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()
},