Vue.js发生变化时,重新加载表的数据

时间:2019-12-15 11:42:11

标签: laravel vue.js

我有一个使用vuejs + laravel的基本CRUD页面。我打开2个标签:1个标签是列表页面,1个标签是创建页面。当我在创建页面上添加新记录时,列表页面如何自动重新加载新添加的数据而不重新加载页面?

1 个答案:

答案 0 :(得分:0)

如果您是通过MongoDB实现的,则可以使用“更改流”

https://docs.mongodb.com/manual/changeStreams/

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

另一种方法是让setInterval例如在vue.js中每5秒更新一次数据。