uniapp滚动屏幕时多次触发函数执行,不引入外部库,手动实现防抖或节流功能。
手动实现防抖示例:
<script>
export default {
// ...其他代码
data() {
return {
// ...其他数据
scrollTimeout: null,
};
},
methods: {
chatscroll(event) {
clearTimeout(this.scrollTimeout);
this.scrollTimeout = setTimeout(() => {
// 处理滚动事件
console.log('Scroll event:', event);
// 你的逻辑代码
}, 300); // 等待300毫秒
},
},
};
</script>
每天进步一点点