在 Vue 中，我如何查看存储在其他设备本地存储中的数据

Posted 2023-02-23

【中文标题】在 Vue 中，我如何查看存储在其他设备本地存储中的数据

【英文标题】：In Vue is, how can I view data that's stored on another devices local storage

【发布时间】：2021-06-01 15:48:03

【问题描述】：

我正在尝试让多个组件分别将数据存储在本地存储中，并有一个主要组件可以路由到每个组件并查看它们保存在本地存储中的数据。是否有可能，是否可以在多个用户上实现？

【参考方案1】：

我不认为在 localStorage 上存储数据取决于组件。 您将数据存储在 window.localStorage 上，并且可以在任何您喜欢的地方获取数据。

例子

// Component 1
window.localStorage.setItem('key', 'value')

// Component 2
window.localStorage.getItem('key') // value

【讨论】：

那么使用路由我可以获得任何和所有组件的localStorage？

对不起，我没有在这里得到你的问题。

抱歉造成误会。意思是问我是否可以使用 Vue 路由器从另一个 URL 调用这些组件，以及我是否仍会获取存储的数据

通过 vue 路由器调用组件。在该组件中，如果您像这样从本地存储中获取数据 - window.localStorage.getItem('keyname') 您将获取数据。

你真的很有帮助。非常感谢 Mohib，现在我可以做我想做的事了。