javascript - 如何在 Laravel 和 VueJs 的页面加载时通过 Web 套接字发出客户端事件？

Question

按照https://laravel.com/docs/6.x/broadcasting#client-events上的文档，我已成功设置 Web 套接字，一切正常，使用 Vue.Js 组件中的以下代码发出客户端事件：

updated() {
    // The event is not being emitted on page load.
    Echo.private('chat').whisper('typing', dataObject });
},
mounted() {
    // The event is not being emitted on page load.
    Echo.private('chat').whisper('typing', dataObject });
},
created() {
    // The event is not being emitted on page load.
    Echo.private('chat').whisper('typing', dataObject });
},
methods: {
    submit() { // Event will only be emitted when this `submit()` method is being called by an input field event like `@input`, `@change` etc.
        Echo.private('chat').whisper('typing', dataObject });
    }
}

我想在页面加载的那一刻在客户端发出事件，因为我有默认的可用数据对象。

我已经在 Vue.Js 生命周期钩子中尝试了上面的代码，例如created,mounted和updated. 但是该事件不能在页面加载时发出。

如何在 Laravel 和 Vue.Js 的页面加载时通过 Web 套接字发出客户端事件？

标签： javascriptlaravelvue.jswebsocket