diff --git a/packages/components/src/basic/drawer/index.vue b/packages/components/src/basic/drawer/index.vue
index 75794b5e..02a2871b 100644
--- a/packages/components/src/basic/drawer/index.vue
+++ b/packages/components/src/basic/drawer/index.vue
@@ -63,7 +63,7 @@ watch(() => props.modelValue, (newValue) => {
 })
 
 const hasOpened = ref(false)
-const isClosed = ref(true)
+const isClosed = ref(!props.modelValue)
 
 watch(isOpen, (val) => {
   emits('update:modelValue', val)
diff --git a/packages/components/src/basic/modal/index.vue b/packages/components/src/basic/modal/index.vue
index 312ff23a..8fda866e 100644
--- a/packages/components/src/basic/modal/index.vue
+++ b/packages/components/src/basic/modal/index.vue
@@ -71,7 +71,7 @@ watch(() => props.modelValue, (newValue) => {
 })
 
 const hasOpened = ref(false)
-const isClosed = ref(true)
+const isClosed = ref(!props.modelValue)
 
 watch(isOpen, (val) => {
   emits('update:modelValue', val)