Working with Vuejs and Vuikit components, I have set up the following structure:
<template>
<div class="uk-scope">
<vk-modal :show="isShow" v-if="config">
<vk-modal-close @click="alert('hello!')" large></vk-modal-close>
<vk-notification :messages.sync="messages"></vk-notification>
<app-breadcrumb :current-view="currentView" />
<!-- render the currently active component/page here -->
<component v-bind:is="currentView"/>
</vk-modal>
</div>
</template>
My problem is that the close modal button does not seem to trigger the @click function.
While the parent component emits an event, I would like the close button to directly trigger something.
I attempted using @click.native="someFunction()", but it did not work!