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

如何在后台加载vue.js单文件组件?,vue.js,vuejs2,vue-component,vue-router,vuex,Vue.js,Vuejs2,Vue Component,Vue Router,Vuex,我目前在vue单文件组件中有一个(地理)地图,上面有点/标记。当显示点/标记的详细信息时,我现在使用“位于地图组件顶部”的模式。当我关闭模式时,映射没有重新加载,所有内容都处于相同的状态,这是必需的 我不希望使用模态,而希望使用另一个vue组件,但当返回到映射时,它会重新加载,并失去其状态。有没有一种简单的方法可以让地图在后台加载?那么,当回顾“历史”时,它仍然处于相同的状态 当您导航到其他路线时,可以使用“保持活动”组件保持组件的活动状态 另一种选择是将组件的状态保存到Vuex之类的存储中,该

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


我不希望使用模态,而希望使用另一个vue组件,但当返回到映射时,它会重新加载,并失去其状态。有没有一种简单的方法可以让地图在后台加载?那么,当回顾“历史”时,它仍然处于相同的状态

当您导航到其他路线时,可以使用“保持活动”组件保持组件的活动状态


另一种选择是将组件的状态保存到Vuex之类的存储中,该存储在全局可用的位置,以便在您离开时存储数据。

您不使用Vuex吗?@Saurabh Good point!但让我相信你不应该在vuex中保存整个地图。使用getter和setter将非常困难,因为我的map组件有一个“复杂的状态”。因此,简单地将其保留在后台将非常有效。嗯,当我用keep alive包装我的maplayout组件,然后导航到另一个页面,然后返回它的丢失状态时。。。看起来它更适合切换组件,然后导航到其他组件等。现在它可以工作了,哈哈。必须向组件添加名称,并使用文档中所述的“包含”!