diff --git a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
index a635442..21cbdbd 100644
--- a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
+++ b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
@@ -1,10 +1,10 @@
 <!-- src/views/knowledge/detail/components/DocumentDrawer.vue -->
 <template>
   <el-drawer
-    :visible.sync="visible"
+    :visible.sync="drawerVisible"
     size="80%"
     :wrapperClosable="false"
-    @close="$emit('update:visible', false)"
+    @close="drawerVisible = false"
   >
     <!-- drawer title -->
     <template #title>
@@ -72,11 +72,12 @@ export default {
     RenderFile,
     knowledgeInfo
   },
+  emit: ['update:visible'],
   props: {
     visible: Boolean,
     descriptions: {
       type: Object,
-      default: () => ({ data: [] })
+      default: () => ({data: []})
     },
     documentDetail: {
       type: Object,
@@ -95,6 +96,16 @@ export default {
       metadataDialogVisible: false
     }
   },
+  computed: {
+    drawerVisible: {
+      get() {
+        return this.visible
+      },
+      set(value) {
+        this.$emit('update:visible', value)
+      }
+    }
+  },
   watch: {
     activeSegment(newVal) {
       this.localActiveSegment = newVal