fix: 修复select下拉选项宽度问题 (#81)

WeBankFinTech · Mar 24, 2022 · e27420c · e27420c
1 parent 2e5cf95
commit e27420c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/select/select.vue b/components/select/select.vue
@@ -63,7 +63,6 @@ import {
     onMounted,
     CSSProperties,
     defineComponent,
-    nextTick,
 } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import { useTheme } from '../_theme/useTheme';
@@ -112,8 +111,14 @@ export default defineComponent({
             ? useArrayModel(props, emit)
             : useNormalModel(props, emit);
 
+        const triggerRef = ref();
+        const triggerWidth = ref(0);
+
         watch(isOpenedRef, () => {
             emit('visibleChange', unref(isOpenedRef));
+            if (isOpenedRef.value && triggerRef.value) {
+                triggerWidth.value = triggerRef.value.$el.offsetWidth;
+            }
         });
 
         const handleChange = () => {
@@ -296,9 +301,6 @@ export default defineComponent({
             }
         };
 
-        const triggerRef = ref();
-        const triggerWidth = ref(0);
-
         onMounted(() => {
             if (triggerRef.value) {
                 triggerWidth.value = triggerRef.value.$el.offsetWidth;