Событие щелчка компонента Vuejs не работает

Question

Я использую компоненты Vuejs - Vuikit и имею следующую настройку:

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

Моя проблема в том, что модал закрытия не видит запуска функции @click.

Родительский компонент генерирует событие, но я бы предпочел запустить что-либо непосредственно с кнопки закрытия.

Я пытался использовать @click.native="someFunction()", но это не помогло!

Answer 1

Вы пытались использовать @click.native="someFunction", обратите внимание, что это не имеет ().

Answer 2

Эй, я раньше не пользовался vuikit, но из их документов видно, как закрыть модал.Я бы также удалил это v-if = "config", так как это может сбить с толку Vue

<template>
    <div class="uk-scope">
        <vk-modal :show.sync="isShow">
          <vk-modal-close @click="isShow = false" 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>