Want to put Vue event onclick inside KTDataTable column render method Metronic 9
I would like to putting Vue onclick event inside the column render method, If im putting regular Vue onclick event inside the template literal it doesnt work. Im using KTDataTable Remote Data Source in Metronic 9..
<pre>render: (item: any, data: any, context: any) => { return ` <button type="button" class="btn btn-sm btn-icon btn-clear btn-light" @click.prevent="onClickEventHere"> <i class="ki-filled ki-eye"></i> </button> `; }, </pre>
Replies (1)
Hi,
Sorry for the late reply.
It is not possible to add an event listener directly to an element when using the render function. The correct approach is to attach the event listener by referencing the DOM elements, as demonstrated below.
document.querySelectorAll(".buttons-selector").forEach(item =>
item.addEventListener("click", onClickEventHere)
);Regards,
Lauris Stepanovs,
Keenthemes Support Team
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
