diff --git a/magic-boot-ui/src/scripts/hasPermission.js b/magic-boot-ui/src/scripts/hasPermission.js
index f3a0e1e..1741a50 100644
--- a/magic-boot-ui/src/scripts/hasPermission.js
+++ b/magic-boot-ui/src/scripts/hasPermission.js
@@ -2,11 +2,11 @@
 const hasPermission = {
   install(app) {
     app.directive('permission', {
-      beforeMount(el, binding) {
+      mounted(el, binding) {
         if (binding.value) {
           const permissionList = app.config.globalProperties.$global.user.authorities
           if (permissionList && permissionList.length && !permissionList.includes(binding.value) && import.meta.env.MODE != 'demo') {
-            el.style.display = 'none'
+            el.remove()
           }
         }
       }