Блог

Я пытаюсь создать веб-сайт с использованием Vue js, и у меня проблема с @click, который не находит функцию showExplaination().

У меня следующая ошибка : [предупреждение Vue]: Свойство или метод «showExplaination» не определен в экземпляре, но на него ссылаются во время визуализации. Убедитесь, что это свойство является реактивным либо в параметре data, либо для компонентов на основе классов, инициализировав свойство.

 <div class="vue">

    <button class="btn btn-danger" @click="showExplaination">
            Show explaination                    
    </button>
    
    <div v-show="explaination">Explaination</div>
</div>
 

А вот код javascript

 var app = new Vue({
    el: '.vue',
    data: {
        explaination: false
    },
    method: {
        showExplaination: function() {
            this.explaination = !this.explaination;
        }
    }
});
 

Спасибо за вашу помощь