Javascript Laravel vue读取消息事件

Javascript Laravel vue读取消息事件,javascript,php,laravel,vue.js,broadcast,Javascript,Php,Laravel,Vue.js,Broadcast,我有聊天记录,我有代码: watch: { message() { Echo.private('chat') .whisper('typing', { name: this.message }); } }, methods: { send(){ if(this.message.length != 0 && this.message.len

我有聊天记录,我有代码:

    watch: {
    message() {
        Echo.private('chat')
            .whisper('typing', {
                name: this.message
            });
    }
},
methods: {
    send(){
        if(this.message.length != 0 && this.message.length <= 4000) {
            this.chat.message.push(this.message);
            this.chat.user.push('you');
            this.chat.time.push(this.getTime());
            axios.post('/sendMessage', {
                message: this.message,
                //lastName: 'Flintstone'
              })
              .then(response => {
                console.log(response);
                this.message = '';
              })
              .catch(error => {
                console.log(error);
              });
        }
    },
    getTime() {
        let time = new Date();
        return time.getHours() + ':' + time.getMinutes();
    }
},

mounted() {
    Echo.private('chat')
        .listen('ChatEvent', (e) => {
            this.chat.message.push(e.message);
            this.chat.user.push(e.user);
            this.chat.time.push(this.getTime());
            console.log(e);
        })
        .listenForWhisper('typing', (e) => {
            if(e.name != '')
                this.typing = 'typing..';
            else
                this.typing = null;
        });
}
观察:{
消息(){
Echo.private('chat')
.whisper('打字'{
姓名:this.message
});
}
},
方法:{
发送(){
如果(this.message.length!=0&&this.message.length{
控制台日志(响应);
this.message='';
})
.catch(错误=>{
console.log(错误);
});
}
},
getTime(){
让时间=新日期();
返回时间.getHours()+':'+time.getMinutes();
}
},
安装的(){
Echo.private('chat')
.listen('ChatEvent',(e)=>{
this.chat.message.push(e.message);
this.chat.user.push(e.user);
this.chat.time.push(this.getTime());
控制台日志(e);
})
.listenforwhister('typing',(e)=>{
如果(例如名称!='')
this.typing='typing..';
其他的
this.typing=null;
});
}

如果用户阅读消息,我如何观看?我在我的控制器上发送post请求。在这里我可以调用函数
messageIsReaded
。但我怎么能看这场比赛呢?我可以看“打字”,但如何看消息是否被读取

Vue很好,但它还不能读懂用户的心思。。您只需假定它是根据对另一个模型事件的任何更改读取的,如
键入
。。