如何在后台加载vue.js单个文件组件?

时间:2017-11-01 08:19:06

标签: vue.js vuejs2 vue-component vue-router vuex

我目前在vue单个文件组件中有一个(地理)地图,上面有点/标记。当显示点/标记的细节时,我现在使用一个“位于地图组件顶部”的模态。当我关闭模态时,地图没有重新加载,一切都处于相同的状态,这是必要的。

我不想使用模态而是使用另一个vue组件,但是当回到地图时它重新加载并且它已经失去了它的状态。有没有一种简单的方法可以将地图保存在后台?那么当回到'历史'时,它仍处于同一状态?

1 个答案:

答案 0 :(得分:2)

导航到其他路径时,可以使用keep-alive组件使组件保持活动状态。 https://vuejs.org/v2/guide/components.html#keep-alive

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