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

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

我目前在 vue 单文件组件中有一张(地理) map ,上面有点/标记。当显示点/标记的详细信息时,我现在使用“位于 map 组件顶部”的模式。当我关闭模式时, map 尚未重新加载,并且一切都处于相同的状态,这是所要求的。

我不想使用模式,而是使用另一个 vue 组件,但是当返回到 map 时,它会重新加载并且丢失了状态。有没有一种简单的方法可以让 map 在后台加载?那么当回到“历史”时它仍然处于相同的状态吗?

最佳答案

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

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

关于vue.js - 如何保持 vue.js 单文件组件在后台加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47050748/

相关文章:

printing - 使用 Vuetify,当我尝试打印页面时它只显示第一页

webpack - 如何将 jointjs 与 Vue 2 和 webpack 集成

vue.js - Vuex:具有动态命名空间的 createNamespacedHelpers

vue.js - Vue模型不更新

javascript - 如何在 Vue JS 中使用按字母顺序返回数组

javascript - 视觉 : Displaying nested data in a table

javascript - 如何在vue js中单击div时隐藏特定div

vue.js - Nuxt 按按钮切换布局

vue.js - vue - 插值 html 值

javascript - 当组件的一个复选框实例设置为 true 时,如何将另一个实例设置为 false?