@LilBorsch

Почему не изменяются данные в шаблоне Vue?

<template>
    <section class="messages">
        <div class="message">{{ message }}</div>
    </section>
</template>

<script>
export default {
    data: () => ({
        message: 'mess'
    }),
    beforeCreate () {
        this.$root.$on('msg', function (message) {
            this.message = message
        })
    }
}
</script>


При this.$root.$emit('msg', message) в компоненте Messages читается передаваемое сообщение и успешно записывается в data. Но шаблон не изменяется. В чем, собсна, проблема?
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
@LilBorsch Автор вопроса
<template>
    <section class="messages">
        <div class="message">{{ message }}</div>
    </section>
</template>

<script>
export default {
    data: () => ({
        message: ''
    }),
    beforeCreate () {
        this.$root.$on('msg', message => {
            this.message = message
        })
        
    }
}
</script>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
Может, все-таки так?
data() {
  return {
        message: 'mess'
    };
},
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы