如何保持 vue.js 单个文件组件在后台加载？

Question

我目前在 vue 单文件组件中有一个（地理）地图，上面有点/标记。在显示 point/marker 的详细信息时，我现在使用地图组件的 'sits on top' 模态。当我关闭模式时，地图没有重新加载，一切都处于相同状态，这是需要的。

我宁愿不使用模式而是使用另一个 vue 组件，但是当返回地图时它会重新加载并且它已经失去了状态。有没有一种简单的方法可以让地图在后台加载？那么当返回 'history' 时它仍然处于相同状态？

Answer 1

当您导航到不同的路线时，您可以使用保持活动组件来保持组件活动。 https://vuejs.org/v2/guide/components.html#keep-alive

另一种选择是将组件的状态保存到像 Vuex 这样的商店中，它在全球范围内可用，因此当您离开时它会存储数据。