当前位置: 首页 > 知识库问答 >
问题:

Vue路由器和接收数据从存储

万选
2023-03-14

我需要你的帮助。有一个Vue应用程序,我使用vuex商店和Vue路由器。问题是,我从API调用中获取存储数据,如果我从其他地方导航到blabla/edit profile页面,用户数据已经存储在存储中,并且在组件中,我可以使用getter接收到的数据。但是,如果我在create或mount方法中重新加载页面,则getter不包含任何数据。但如果在Vuex开发工具中查看,我可以看到fetchedd数据。如何修复此行为?

共有1个答案

田佐
2023-03-14

您可以尝试在计算属性中使用getter,而不是在装载或创建的属性中使用getter。这样,它将确保在实际需要数据时加载数据https://vuejs.org/v2/guide/computed.html.

你也可以尝试检查警告https://vuejs.org/v2/guide/list.html#Caveats。对于Vuejs来说,在获取数据后加载数据可能不是反应性友好的。

 类似资料:
  • 我正在尝试在我的nginx服务器上设置vue路由器。我遇到的问题是,如果我直接在浏览器中输入url,我的路线就不起作用。 我尝试了vue路由器文档中描述的服务器配置,以及建议的堆栈溢出类似配置。我当前的nginx位置配置如下: 所做的就是将任何路径重定向到我的根组件(path:),而不是。这确实有意义,并且似乎只重定向到索引文件。我如何重定向直接链接的到路由在我的VueJS应用程序? 以下是我的v

  • 我有一个显示多条路线的组件(步骤1、步骤2、步骤3…)一个接一个。我导航并传递属性,如 路线定义为 这很有效,直到我重新加载页面/路由,因为数据丢失。所以我有点想在加载组件后从父级获取数据。 我的一个想法是使用本地存储,但这感觉不对。 我是Vue的新手,我想问一下这里的最佳实践是什么。是否像这里描述的那样使用vue路由器重新加载组件?请给我一个提示。

  • 我已经读过一些关于端口转换的内容,现在我想测试它。 我有一台NAT路由器后面的本地机器和一台带有外部IP地址的服务器。 这就是我如何将数据包从机器上的第5000个端口发送到服务器上的第4000个端口。 之后,我开始在本地机器上收听第 5000 次 在服务器上,当我看到来自的传入UDP时,我会向相同的和 发送响应(对其他端口和地址使用相同的脚本)。但我从未在本地机器上收到此响应。为什么? 此外,当服

  • 我的目标是提交(调用/调用)我在Vuex存储中定义的突变。 商店。js 由于我将Vuex连接到我的应用程序,因此我可以使用,不会出现问题。 main.js 例如: omponent.vue 现在,我想从vue路由器路由文件中提交一些内容,使用方法: 例如路线。js 然而,当我尝试上述方法时,我得到了错误 网上有很多通过导入成功使用vuex getters的例子。而且,如果我导入,我可以看到我的整个

  • 使用vue 2、vue路由器2和vuex 2构建单页应用程序,但不更新 /src/main。js /src/路由器/索引。js /src/路由器/路由。js /src/store/index。js /src/view/index。vue /src/App。vue 我不知道代码有什么问题,

  • 官方路由 对于大多数单页面应用,都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样: const NotFound = { template: '<p>Page not found</p>' } const Home = { template: '<p>home