Vue Eventbus: handler.apply не является функцией - PullRequest
Новая
       11

Vue Eventbus: handler.apply не является функцией

1 голос
/ 13 октября 2019

Я хочу перезагрузить один из моих компонентов при изменении другого компонента (например, я посылаю пут с аксиосами)

Я пробовал его с помощью Eventbus, но получил эту ошибку:

handler.apply не является функцией

В компоненте, к которому я хочу запустить: 

EventBus.$emit('compose-reload', Math.random()*100);

Куда я хочу быть запущенным: 

<template>
    <div class="">

        <div class="">
            <div class="columns">
                <div class="column is-one-fifth">
                    <div class="box">
                        <Menu></Menu>
                    </div>
                </div>
                <div class="column is-four-fifth">
                    <div class="box">
                        <router-view :key="key"></router-view>
                    </div>
                </div>
            </div>

        </div>
    </div>
</template>
<script>
    import Menu from './includes/Menu'

    import EventBus from '../../../event-bus';

    export default {

        components: {
            Menu,
        },
        data() {
            return {
                key: null
            }
        },
        mounted(){
            EventBus.$on('compose-reload', this.key);
        },
        created(){
            this.key = Math.random()*100
        }
    }
</script>

1 Ответ

1 голос
/ 13 октября 2019

EventBus.$on ожидает функцию-обработчик в качестве второго аргумента, но передается переменная this.key, следовательно, ошибка.

Вы должны изменить это: 

mounted(){
   EventBus.$on('compose-reload', this.key);
}

На это: 

mounted(){
   EventBus.$on('compose-reload', key => {
     this.key = key;
   });
}
...