Метод vue "logout" не определен в экземпляре, но на него ссылаются во время рендеринга - PullRequest
Новая
       9

Метод vue "logout" не определен в экземпляре, но на него ссылаются во время рендеринга

0 голосов
/ 03 июля 2018

Я прочитал несколько ответов на это сообщение об ошибке, но ни один из них не смог решить мою проблему. Я просто пытаюсь вызвать метод, когда нажимаю на кнопку, которая кажется настолько простой, что я не вижу, сколько вещей может пойти не так.

Как мой метод выхода из системы не виден обработчику @click?

NavBar.vue 

<template>
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
            <div class="container-fluid">
                <a class="navbar-brand" href="">CSW</a>
                <button @click="logout" class="btn float-right">Log Out</button>
            </div>
        </nav>
    </div>
</template>

<script>
    export default {
        methods: {
            logout() {
                this.$store.dispatch("auth/logout")
                .then(() => {
                    this.$router.push('/login')
                });
            }
        }
    }
<script>
...