ListenWhisper не получает клиентское событие (Larave-echo и Vue.jsl) ⇐ Php

[Anonymous]

Я работаю над веб-сайтом чата в реальном времени, используя Laravel, laravel-echo,

Код: Выделить всё

laravel-echo-server

и перерисовать. Мой чат может получать и отправлять сообщения, но я хочу добавлять сообщение, когда пользователь начинает печатать («Пользователь x печатает...»). Но событие клиента печатает инициируется

У меня в этом чате есть разные компоненты vue.js,
ChatApp.vue { // This is listening for client event named typing
console.log(e);
setTimeout(function() {
console.log('works');
}, 900);
})
Echo.private(`messages.${this.user.id}`)
.listen('.NewMessage', (e) => { //This is listening for a backend event named New Message
this.handleIncoming(e.message);
this.playSoundNotification();
});
axios.get('/user/contacts')
.then((response) => {
console.log(response.data);
this.contacts = response.data;
});
},
....
[/code]

Компонент MessageComposer.vue

Код: Выделить всё

Tú amigo esta escribiendo...






export default {
data(){
return {
message: '',
typing:false,
};

},
methods: {
send(e){
e.preventDefault();
if(this.message == ''){
return;
}

this.$emit('send', this.message);
this.message = '';
},
typing_handler(trigger){
this.typing = trigger;
},
isTyping() {
let  self_user_id = parseInt($('#self_user_id').val());
var channel = Echo.private(`message.${self_user_id}`); //Client auth

setTimeout(function() {
channel.whisper('typing', {

typing: true
});
}, 300);

},
}
}

На моем laravel-echo-сервере нет ошибок, поэтому я не знаю, в чем проблема?
Что я делаю неправильно ?

Подробнее здесь: https://stackoverflow.com/questions/619 ... ho-vue-jsl