feat(drop-down-item): add show prop to control visiblity

discue · May 7, 2022 · c9274a3 · c9274a3
1 parent e7e9d9a
commit c9274a3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/drop-down-menu-item.vue b/src/components/drop-down-menu-item.vue
@@ -1,5 +1,5 @@
 <template>
-    <li class="hover:bg-gray-300 p-4 font-medium group z-10 cursor-pointer">
+    <li v-if="show" class="hover:bg-gray-300 p-4 font-medium group z-10 cursor-pointer">
         <div class="flex flex-row items-center" @click.prevent="onClick">
             <div class="text-gray-500 group-hover:text-gray-900">
                 <slot />
@@ -15,6 +15,10 @@ import { useRouter } from 'vue-router';
 const router = useRouter()
 
 const props = defineProps({
+    show: {
+        type: Boolean,
+        default: true
+    },
     label: {
         type: String
     },