Laravel 当Vuejs发生更改时,重新加载表的数据

Laravel 当Vuejs发生更改时,重新加载表的数据,laravel,vue.js,Laravel,Vue.js,我有一个带有vuejs+laravel的基本CRUD页面。我打开2个选项卡:1个选项卡是列表页,1个选项卡是创建页。在创建页面上添加新记录时,列表页面如何在不重新加载页面的情况下自动重新加载新添加的数据?如果使用MongoDB创建,则可以使用“更改流” 您可以将其与socket.io结合使用。每当数据库中的数据发生更改时,您都会将一个socket.io事件以及添加、删除或更新的数据发送到您的客户端,即您的vue应用程序 另一种方法是使用setInterval更新vue.js中的数据,例如每5秒

我有一个带有vuejs+laravel的基本CRUD页面。我打开2个选项卡:1个选项卡是列表页,1个选项卡是创建页。在创建页面上添加新记录时,列表页面如何在不重新加载页面的情况下自动重新加载新添加的数据?

如果使用MongoDB创建,则可以使用“更改流”

您可以将其与socket.io结合使用。每当数据库中的数据发生更改时,您都会将一个socket.io事件以及添加、删除或更新的数据发送到您的客户端,即您的vue应用程序


另一种方法是使用
setInterval
更新vue.js中的数据,例如每5秒更新一次。

这是否回答了您的问题?不是:(,在同一选项卡上添加新内容后,它将重新加载列表。我希望另一选项卡中的列表重新加载自身。当我对列表没有影响时,显示列表的页面也将重新加载。您可以使用
websocket
流式传输更改消息,然后让UI更新视图。