I have a parent component called Waypoint that contains child elements. I want to be able to call functions on these child elements from the parent component. How can I achieve this?
//coding example
//template
<Waypoint>
<div
:data-wp-cb="handleAnimation"
// :data-wp-cb="handleAnimation.bind(this)"
class="js-wp"
//methods
handleAnimation() {
// do something
}
//Waypoint component
update(element) {
const callback = element.dataset.wpCb
callback() // callback is not a function
}
What steps can I take to resolve this issue and successfully execute the desired functions?