xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-09-17 19:06:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
smart-admin-web-javascript/src/views/business/erp/goods/goods-list.vue
View File

@ -495,32 +495,40 @@
function camelToUnderscore(str) {
return str.replace(/([A-Z])/g, '_$1').toLowerCase();
}
// 动态设置表格高度
const yHeight = ref(0);
onMounted(() => {
resetGetHeight();
});
function resetGetHeight() {
// 搜索部分高度
let doc = document.querySelector('.ant-form');
// 按钮部分高度
let btn = document.querySelector('.smart-table-btn-block');
// 表格头高度
let tableCell = document.querySelector('.ant-table-cell');
// 分页高度
let page = document.querySelector('.smart-query-table-page');
// 内容区总高度
let box = document.querySelector('.admin-content');
setTimeout(() => {
// 搜索部分高度
let doc = document.querySelector('.ant-form');
// 按钮部分高度
let btn = document.querySelector('.smart-table-btn-block');
// 表格头高度
let tableCell = document.querySelector('.ant-table-cell');
// 分页高度
let page = document.querySelector('.smart-query-table-page');
// 内容区总高度
let box = document.querySelector('.admin-content');
setTimeout(() => {
let dueHeight = doc.offsetHeight + 10 + 24 + btn.offsetHeight + 15 + tableCell.offsetHeight + page.offsetHeight + 20;
yHeight.value = box.offsetHeight - dueHeight;
}, 100);
}
window.addEventListener(
'resize',
_.throttle(() => {
resetGetHeight();
}, 1000)
);
// 定义一个变量来存储节流后的回调函数
let throttledResizeHandler;
onMounted(() => {
resetGetHeight();
throttledResizeHandler = _.throttle(() => {
resetGetHeight();
}, 1000);
window.addEventListener('resize', throttledResizeHandler);
});
// 在组件销毁时移除 resize 事件监听器
onUnmounted(() => {
window.removeEventListener('resize', throttledResizeHandler);
});
</script>