在goods-list.vue页面销毁时移除 resize 事件监听器

Signed-off-by: luoyangxin <835168276@qq.com>
This commit is contained in:
luoyangxin
2025-04-14 02:23:17 +00:00
committed by Gitee
parent 51caeb1ad1
commit 7bad13fc23

View File

@@ -498,9 +498,7 @@
// 动态设置表格高度 // 动态设置表格高度
const yHeight = ref(0); const yHeight = ref(0);
onMounted(() => {
resetGetHeight();
});
function resetGetHeight() { function resetGetHeight() {
// 搜索部分高度 // 搜索部分高度
let doc = document.querySelector('.ant-form'); let doc = document.querySelector('.ant-form');
@@ -517,10 +515,20 @@
yHeight.value = box.offsetHeight - dueHeight; yHeight.value = box.offsetHeight - dueHeight;
}, 100); }, 100);
} }
window.addEventListener(
'resize', // 定义一个变量来存储节流后的回调函数
_.throttle(() => { let throttledResizeHandler;
onMounted(() => {
resetGetHeight(); resetGetHeight();
}, 1000) throttledResizeHandler = _.throttle(() => {
); resetGetHeight();
}, 1000);
window.addEventListener('resize', throttledResizeHandler);
});
// 在组件销毁时移除 resize 事件监听器
onUnmounted(() => {
window.removeEventListener('resize', throttledResizeHandler);
});
</script> </script>