fix(ui/menu): reslove error of getting offsetHeight when alignment is…

… set as bottom
varletjs · Dec 30, 2021 · d05a7f9 · d05a7f9
1 parent 8e6ea6d
commit d05a7f9
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/varlet-ui/src/menu/Menu.vue b/packages/varlet-ui/src/menu/Menu.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, watch, onMounted, onUnmounted } from 'vue'
+import { defineComponent, ref, watch, onMounted, onUnmounted, nextTick } from 'vue'
 import { props } from './props'
 import { getLeft, getTop, toSizeUnit } from '../utils/elements'
 import { useZIndex } from '../context/zIndex'
@@ -67,8 +67,10 @@ export default defineComponent({
 
     // expose
     const resize = () => {
-      top.value = computeTop(props.alignment)
-      left.value = getLeft(host.value as HTMLElement)
+      nextTick(() => {
+        top.value = computeTop(props.alignment)
+        left.value = getLeft(host.value as HTMLElement)
+      })
     }
 
     watch(() => props.alignment, resize)