MenuComponent

<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"

 >&egrave;&frac34;&#147;&aring;&#135;&ordm;

 <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-->

const menu = MenuComponent.createInsance("#www")

 if (!menu){

 return

 }

 menu.on("kt.menu.dropdown.show", function() {

 console.log("menu dropdown show event fired");

 });