MenuComponent
I'm use menu,I hope when the <a ></a> is clicked and before the menu is shown ,could add some menu-item
<a
class="btn btn-sm btn-light btn-active-light-primary"
data-kt-menu-trigger="click"
data-kt-menu-placement="bottom-end"
data-kt-menu-flip="top-end"
id="www"
>输出
<span class="svg-icon svg-icon-5 m-0">
<inline-svg
:src="getAssetPath("media/icons/duotune/arrows/arr072.svg")"
/>
</span>
</a>
<!--begin::Menu-->
<div
class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semobold fs-7 w-125px py-4"
data-kt-menu="true"
>
<template v-for="i in state.taskLogData">
<div class="menu-item px-3">
<button
@click="actions.handleLog(i)"
class="btn btn-outline-info">
{{ i.time }}
</button>
</div>
</template>
<!--begin::Menu item-->
<!--end::Menu item-->
</div>
<!--end::Menu-->Below is the javascript code in vue
but it now worked
const menu = MenuComponent.createInsance("#www")
if (!menu){
return
}
menu.on("kt.menu.dropdown.show", function() {
console.log("menu dropdown show event fired");
});
Replies (3)
Thanks for sharing this Bootstrap admin dashboard guide. I found your Vue.js code snippet for menu handling interesting, especially the custom button styling and menu classes you mentioned.
If you want to level up from Block blast beginner to pro? Here are some smart strategies to boost your score and climb the leaderboard:
Think Ahead: Don’t drop blocks at random. Visualize how each move will impact future placements and stay aware of possible upcoming shapes.
Plan Combos: Aim to clear multiple lines in a single move. These combos earn bonus points and are key to high scores.
Leave Room to Move: Avoid boxing yourself in. Keep open spaces on the grid so you can rotate and place new blocks with flexibility.
Use Corners & Edges: These areas are great for building stable foundations and setting up future clears.
Adapt on the Fly: You won’t always get ideal blocks. Learn to work with what you have and adjust your strategy accordingly.
Try the “T” Trick: Creating a "T" shape can often trigger chain reactions that clear multiple lines at once.
Focus on Columns Early: Building vertically is often easier and keeps your grid more organized in the early stages.
Save Space for Big Blocks: Always keep at least a 3x3 space available to accommodate larger blocks.
Use Moves Wisely: If needed, skip a round and wait for better blocks — but plan ahead so you don’t run out of space.
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
