单击路由器视图时vuex中未定义的值
单击路由器视图时，vuex中未定义的值是指在Vue.js应用中使用了Vuex作为状态管理工具，在路由器视图中访问了Vuex中未定义的状态值。
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。在Vue.js中，当路由器视图被单击时，可能会触发一些操作或事件，这些操作或事件可能需要访问Vuex中的状态值。然而，如果在Vuex中未定义这些状态值，就会出现未定义的值。
为了解决这个问题，可以按照以下步骤进行操作：
- 确保在Vuex的store中定义了需要访问的状态值。在Vuex的store中，可以使用state对象来定义状态值。例如，可以在state对象中定义一个名为routerValue的状态值。
- 在路由器视图中使用mapState辅助函数来访问Vuex中的状态值。mapState辅助函数可以将Vuex的状态映射为组件的计算属性，使得可以在组件中直接访问这些状态值。例如，可以使用mapState辅助函数将routerValue映射为组件的计算属性。
- 在路由器视图中使用计算属性来访问Vuex中的状态值。通过在计算属性中使用this.$store.state.routerValue来访问Vuex中的routerValue状态值。
如果在Vuex中未定义需要访问的状态值，可以通过在state对象中添加相应的状态值来解决。例如，在state对象中添加一个名为routerValue的状态值，并给它一个默认值。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
$test = 10;<router-view :key="$test" ></router-view><label v-on:click="setRouteId(item.writer_id)"> Change </label>
setRouteId$
浏览 3提问于2021-09-25得票数 1
1回答
我使用的是组件，并将选项设置为使用Vuex：我的表格单元格中有一个链接到另一个页面的<router-view>，当我单击它时，我在vuex中得到一个关于未定义数据的错误。vuex.js:34 Uncaught TypeError: Cannot read property 'data' of undefined
浏览 0提问于2017-12-20得票数 2
回答已采纳
2回答
我升级了vue，vuex，vue-路由器。但是，当我为该项目服务时，它会在控制台中显示以下错误。Uncaught (承诺中) TypeError:无法读取未定义的属性“_c”
终端没有错误。我已经用vue3语法更新了所有路由器，vuex，vue。
谢谢你的帮助
浏览 3提问于2020-11-25得票数 5
我已经看到这个问题被问了几次，但我找不到任何好的答案，也不明白为什么我的代码会这样。正如标题中所说，我正在尝试将我的存储导入路由器，以便能够有条件地使用我的getter，并授予用户访问或不访问路由的权限。但是，当我尝试导入存储时，我得到了以下错误：这来自于：router,
store$store.dispatch('lo
浏览 0提问于2020-09-10得票数 0
1回答
我的路由器配置如下。它起作用，做它应该做的事。import Demo2 from "..当我点击其中一个被路由到上面的视图时，我希望将对象推送到路由器上，看起来如下所示。id=123添加到另一个页面(虽然demo2.vue是表视图，demo2_id.vue应该在单击
浏览 7提问于2016-12-15得票数 2
回答已采纳
1回答
我正在使用Vue、Vuex和Vue-router。这是路由器链路元素的列表。单击时，路由器视图区域中的组件应以动画方式切换，并且路由url应更改。换句话说，旧组件应该完全消失，然后向服务器请求新组件的数据，然后新组件顺利出现。但这并没有发生。单击路由器链接后，新路由的数据将快速加载，新组件将平滑消失，然后它将平滑显示。我做错了什么，一个新的组件消失了？我在befo
浏览 1提问于2020-07-29得票数 0
"targets": [0] ] }</script>
</style>任何帮助都是非常感谢的。
浏览 3提问于2017-04-24得票数 2
回答已采纳
将getter导入Rotate - Vuex时出现问题。 我正在尝试导入一个在vuex状态内的值。 报告一个错误，指出它是未定义的。 我不知道我可能做错了什么。如果有人能帮忙，我将不胜感激。感谢您的收听 错误"_store__WEBPACK_IMPORTED_MODULE_4__.default.getters :未定义TypeError“ 商店 import Vue from 'vue'import <
浏览 23提问于2019-05-19得票数 0
我有一个由三个组件组成的布局- Nav.vue，Search.vue，UserProfile.vue，如图所示。UserProfile.vue位于路由器视图内部。我将Vuex store与状态userId和username一起使用，并定义了突变来提交状态更改。 当用户通过在搜索组件中提供用户名进行搜索时，我从左侧边栏上的API获取用户列表。当用户单击其中一个搜索结果时，我正在提交userId状态，并希望使用从Vuex store检索到
浏览 74提问于2021-07-20得票数 1
回答已采纳
2回答
我正在建立我的第一个SPA，我面临一些问题。它是这样设计的：
水疗从用户登录页面开始。我的app.js定义了一个默认的VueJS应用程序，在这个应用程序中，我使用mounted()方法来设置登录用户的状态(VUEX)。这就是我所面临的问题。当用户登录时，似乎在设置vuex之前执行路由器</e
浏览 0提问于2018-12-10得票数 3
回答已采纳
1回答
/projects/:project_id/pieces/:piece_id但是，如果我刷新页面，currentProject ->未定义。下面是PieceShow视图
浏览 2提问于2020-04-13得票数 0
回答已采纳
3回答
我正在努力学习Vuex和制作认证模块。我正在学习一些教程，当我想要在路由器中使用store时，我得到了这一点。我在路由器index.js的顶部导入我的存储，但是我猜它不是在导入我的存储，因为我无法访问，例如getters (未定义)。
Store在vue组件中运行良好。为什么会发生这种情况？是不是因为创建路由器时store没有正确初始化？根据教程，它工作得很好。路由器/i
浏览 2提问于2019-11-12得票数 2
1回答
我有一个Vue应用的结构: App.vue ->路由器视图(有两个子组件) App.vue <template>
<div id="app" @click="mutateStore(null)$emit("storeUpdate") 这将触发Vue Dev工具中App.vue中的事件处理程序mutateStore()，它还会显示递增后的值的state
浏览 15提问于2019-03-16得票数 0
回答已采纳
您好，我目前正在构建一个vuejs购物车，对于我单击的每个产品，我单击将该特定项目推送到一个称为购物车数据的对象数组中，如下所示 description: product.description
}
浏览 20提问于2018-08-01得票数 0
回答已采纳
当我通过导航栏导航到动态组件时，vue-meta标题、内容和模式都正确显示，但是当我刷新页面或单击外部链接时，我得到的值是undefined。 我已经在json文件中存储了标题、内容和模式。
浏览 43提问于2021-07-07得票数 0
回答已采纳
1回答
Vue路由器尚未看到存储状态
、、、、
我的Vue应用程序正在使用vue路由器和vuex。我从我的应用程序接口中获得一个身份验证令牌，并将令牌推送到localStorage和我的商店。当页面刷新时，应用程序从localStorage加载令牌并将其推送到存储。在我的路由器中，我创建了guard： if (to.matched.some(record => record.meta
浏览 5提问于2019-09-16得票数 0
2回答
我和我的团队正在着手进行中、大型应用程序的开发。当加载应用程序时，在路由器的beforeEnter函数中，我们获取所有数据，然后将其提交给Vuex存储。然后，当用户使用应用程序(添加/删除/编辑)项时，对存储进行修改，然后Vuex调用API控制器，然后将数据发送到后端。然而，主要的问题是，Vue的迅速变化的环境文章和2018年/19年的</em
浏览 0提问于2021-04-06得票数 1
回答已采纳
1回答
/components/HelloWorld.vue";import createPersistedState from "vuex-persistedstate";
{
plugins: [createPersistedState({问题是，当我单击路由器</em
浏览 6提问于2021-12-24得票数 1
1回答
我试图设置一个Vue3应用程序与一个Vuex4商店，但我似乎无法使存储在任何组件中访问，总是一些未定义的错误。我尝试过许多其他的解决方案，但当我最终测试时，我似乎一直在循环运行，所以我觉得这是我错过的简单的东西。import App from "., store); .use(store) app.mount
浏览 4提问于2022-08-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
