diff --git a/src/views/system/role/modules/role-data-scope-drawer.vue b/src/views/system/role/modules/role-data-scope-drawer.vue
index 4037107f..0994c898 100644
--- a/src/views/system/role/modules/role-data-scope-drawer.vue
+++ b/src/views/system/role/modules/role-data-scope-drawer.vue
@@ -131,6 +131,7 @@ watch(visible, () => {
         </NFormItem>
         <NFormItem v-if="model.dataScope === '2'" label="数据权限" path="deptIds" class="pr-24px">
           <DeptTree
+            v-if="visible"
             ref="deptTreeRef"
             v-model:value="model.deptIds"
             v-model:options="deptOptions"
diff --git a/src/views/system/role/modules/role-operate-drawer.vue b/src/views/system/role/modules/role-operate-drawer.vue
index d0483af7..79119a18 100644
--- a/src/views/system/role/modules/role-operate-drawer.vue
+++ b/src/views/system/role/modules/role-operate-drawer.vue
@@ -172,6 +172,7 @@ watch(visible, () => {
         </NFormItem>
         <NFormItem label="菜单权限" path="menuIds" class="pr-24px">
           <MenuTree
+            v-if="visible"
             ref="menuTreeRef"
             v-model:value="model.menuIds"
             v-model:options="menuOptions"
diff --git a/src/views/system/tenant-package/modules/tenant-package-operate-drawer.vue b/src/views/system/tenant-package/modules/tenant-package-operate-drawer.vue
index 10472276..04e6eba2 100644
--- a/src/views/system/tenant-package/modules/tenant-package-operate-drawer.vue
+++ b/src/views/system/tenant-package/modules/tenant-package-operate-drawer.vue
@@ -138,6 +138,7 @@ watch(visible, () => {
         </NFormItem>
         <NFormItem :label="$t('page.system.tenantPackage.menuIds')" path="menuIds">
           <MenuTree
+            v-if="visible"
             ref="menuTreeRef"
             v-model:value="model.menuIds"
             v-model:options="menuOptions"