From 11b3460cd55866754d1d9068676aa5ceef4976c2 Mon Sep 17 00:00:00 2001 From: invalid w Date: Wed, 7 Aug 2024 11:23:42 +0800 Subject: [PATCH] chore(@vben/web-antd): optimize the getPosition function --- apps/web-antd/src/components/EllipsisText/tooltip.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/web-antd/src/components/EllipsisText/tooltip.vue b/apps/web-antd/src/components/EllipsisText/tooltip.vue index 234434cccd3..c03924e80d9 100644 --- a/apps/web-antd/src/components/EllipsisText/tooltip.vue +++ b/apps/web-antd/src/components/EllipsisText/tooltip.vue @@ -30,9 +30,10 @@ const left = ref(0); // 提示框left定位 const contentRef = ref(); // 声明一个同名的模板引用 const tooltipRef = ref(); // 声明一个同名的模板引用 function getPosition() { - const contentWidth = contentRef.value && contentRef.value.offsetWidth; // 展示文本宽度 - const tooltipWidth = tooltipRef.value && tooltipRef.value.offsetWidth; // 提示文本宽度 - const tooltipHeight = tooltipRef.value && tooltipRef.value.offsetHeight; // 提示文本高度 + const contentWidth = contentRef.value?.offsetWidth || 0; // 展示文本宽度 + const tooltipWidth = tooltipRef.value?.offsetWidth || 0; // 提示文本宽度 + const tooltipHeight = tooltipRef.value?.offsetHeight || 0; // 提示文本高度 + top.value = tooltipHeight + 4; left.value = (tooltipWidth - contentWidth) / 2; }