diff --git a/src/pages/fileDoc/index.vue b/src/pages/fileDoc/index.vue
index c46a494..79a01cf 100644
--- a/src/pages/fileDoc/index.vue
+++ b/src/pages/fileDoc/index.vue
@@ -60,7 +60,7 @@
       </template>
 
       <EdfsContextMenu
-        v-show="listLayout === 'card'"
+        v-if="listLayout === 'card'"
         eventSourceClass="SourceClass"
         :disabledEmpty="false"
         @visibleChange="onVisibleChange"
@@ -126,7 +126,7 @@
       </EdfsContextMenu>
       <EdfsTable
         class="table"
-        v-show="listLayout === 'list'"
+        v-if="listLayout === 'list'"
         :data="dataList"
         @row-click="onFileOpen"
       >
@@ -223,6 +223,9 @@ const listIcons = useIcon({ icon: 'gravity-ui:layout-list' })
 const cardIcons = useIcon({ icon: 'gravity-ui:credit-card' })
 const createIcon = useIcon({ icon: 'gravity-ui:plus' })
 const listLayout = ref<'card' | 'list'>('card')
+watch(listLayout, val => {
+  menuTarget.value = null
+})
 
 const dropdownMenu = computed(() => {
   if (isRootMd.value) {