resize函数c++vue 节流函数
vue 节流函数
节流函数(throttle)可以将连续的操作,节制至一定的频率,在Vue中,可以用节流函数处理一些耗性能操作,例如:在绑定 resize 事件或者在监听用户输入时,可以用节流函数将这些操作的调用频率限定至一定的次数,以达到性能优化的目的。
在Vue中,可以使用 lodash 中的 throttle 方法来实现节流,例如:
<template>。
<div>。
<div>  。
<input type="text" v-on:input="_throttle(onInput, 200, event)" />。
</div>。
</div>。
</template>。
<script>。
import { throttle } from 'lodash'。
export default 。
methods: 。
onInput (e) 。
//需要节流的操作,例如:请求服务端接口。
},。
//节流函数。
_throttle (fn, delay, e) 。
return throttle(fn, delay, 。
trailing: false。
})(e)。
}。
}。
}。
</script>。
throttle 方法接收三个参数,第一个参数是需要被节制的函数,第二个参数是节流的时间,第三个参数则是传递的 event 对象。在 Vue 中,通过 `v-on` 指令我们可以获取到 `event` 对象,因此,可以将节流函数 _throttle 作为一个参数传递,以节流操作。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。