Vue：事件总线处理程序未定义

Question

我想在我的Vue应用程序中实现事件总线。

首先，我要进行事件总线调用以开始加载。我称之为$on的主要组件的脚本标签如下所示：

<script>
    import store from '../store.js'
    import EventBus from '../event-bus';

    import Header from './includes/Header'
    import Footer from './includes/Footer'
    import Loading from './includes/Loading'

    export default {
        data() {
            return {
                isLoading: null
            }
        },
        components: {
            Header,
            Footer,
            Loading
        },
        mounted() {
            EventBus.$on('isLoading'), function (payLoad) {
                console.log(payload)
                this.isLoading = payload
            };
        }
    }
</script>

但是我遇到了这个错误：

[[Vue警告]：“ isLoading”的事件处理程序中的错误：“ TypeError：处理程序>未定义”

我该如何解决？

Answer 1

您有两个错误。它看起来应该像这样：