fix(ui/menu): modify the implementation of sloving offsetHeight error

varletjs · Dec 30, 2021 · 9871022 · 9871022
1 parent d05a7f9
commit 9871022
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/varlet-ui/src/menu/Menu.vue b/packages/varlet-ui/src/menu/Menu.vue
@@ -67,10 +67,8 @@ export default defineComponent({
 
     // expose
     const resize = () => {
-      nextTick(() => {
-        top.value = computeTop(props.alignment)
-        left.value = getLeft(host.value as HTMLElement)
-      })
+      top.value = computeTop(props.alignment)
+      left.value = getLeft(host.value as HTMLElement)
     }
 
     watch(() => props.alignment, resize)
@@ -79,7 +77,10 @@ export default defineComponent({
       () => props.show,
       async (newValue: boolean) => {
         const { onOpen, onClose } = props
-        newValue && resize()
+        if (newValue) {
+          await nextTick()
+          resize()
+        }
         newValue ? onOpen?.() : onClose?.()
       }
     )