Vuex在子组件中不起作用
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它可以帮助我们在Vue.js应用程序中管理和共享状态，使得组件之间的通信更加简单和高效。
在子组件中使用Vuex时，需要确保以下几点：
- 确保已经正确安装和配置了Vuex。可以通过npm或者CDN的方式引入Vuex，并在Vue应用程序的入口文件中进行配置。
- 在子组件中引入Vuex并使用
mapState辅助函数来获取Vuex中的状态。mapState函数可以帮助我们将Vuex中的状态映射到组件的计算属性中，从而可以在模板中直接使用。 - 确保在子组件中正确使用了映射后的状态。可以通过在模板中使用计算属性或者直接在JavaScript代码中使用映射后的状态。
- 如果需要在子组件中修改Vuex中的状态，需要使用
mapMutations辅助函数来映射Vuex中的mutations方法，并在子组件中调用这些方法来修改状态。
总结起来，使用Vuex在子组件中起作用的关键是正确安装和配置Vuex，并在子组件中使用mapState和mapMutations辅助函数来获取和修改Vuex中的状态。
关于Vuex的更多详细信息和使用方法，可以参考腾讯云的相关文档和示例代码：
- Vuex官方文档：https://vuex.vuejs.org/
- Vuex在腾讯云的应用场景和推荐产品：https://cloud.tencent.com/product/vuex
相关·内容
1回答
获取每个新页后，Vue可分页容器滚动条刷新。
javascript、vue.js
我在父组件(比如App.vue )中获取新页面。滚动条在PropertyBox.vue中。每当我获取新页面时，我都会更新App.vue中的数据，并将其作为属性发送给PropertyBox。为了能够看到PropertyBox中的更改，我更新了它在App.vue中的关键(如果没有这些更改，即使使用了新的数据，也不会出现更改)。问题是，因为键是更新的，组件是硬重新加载的，所以滚动条每次都会出现在顶部。我怎样才能克服这一切？我是否应该使用另一
浏览 3提问于2022-12-03得票数 0
1回答
运行时错误集成使用@vue/复合-api的组件库：‘您必须在"setup()“方法中使用此函数
vue.js、vuejs2、vue-cli、vue-composition-api、vue-cli-4
；导出连接路由=require(“@/路由器”).routes；“脚本”：{“构建”："vue-cli-service构建-目标库-名称子组件simple view that displays one line of text and a `<router-view />`“依赖项”：{“@tholst/子组件/child-component-lib"，
浏览 16提问于2020-11-16得票数 3
2回答
从另一个组件访问其他组件数据和方法
javascript、vue.js
}, change_page(page) { },假设ContainerSidebar.vue是父组件，Profile.vue是子组件。
浏览 0提问于2020-11-05得票数 0
回答已采纳
1回答
在axios存储中存储axios响应错误并在组件中处理它，这是一个好的实践吗？
javascript、vue.js、axios、vuex
我计划通过axios通过vuex执行所有的服务器CRUDing传输。然后在组件中调用它们，如我的问题是，我是以本地(组件)的方式处理错误，还是应该以vuex状态全局处理它，比如 createCategory(ctx)并调用组件中的错误，如：this.$store.getters['getErrors']？(这里的例子有点抽象，
浏览 1提问于2020-11-22得票数 0
回答已采纳
1回答
Vuex在子组件中不起作用
vue.js、vue-component、vuex、vue-loader
下面的简单代码让我很头疼，因为某些组件和根实例都会将错误记录到控制台，而不是从vuex对象进行绑定。我还能遗漏什么呢？ counter: 0var mutations = {}; el: '#app', 'some-component': someComponent store: st
浏览 2提问于2016-09-14得票数 1
回答已采纳
1回答
在基本安装之后，无法访问任何子组件中的.$store (vuex)
vue.js、vuejs2、vuex
所以我对vuex完全陌生。我小心地将vuex安装到我的vue应用程序中，但是我无法在我的任何一个子组件中访问这个.$store。
在sto
浏览 0提问于2018-11-14得票数 4
2回答
在vue js中导入时更改vuex模块名称
vuejs2、vuex
导入不同于store名称的vuex文件(如此处的"test“)。我不能访问子组件中的vuex模块，比如“this.$test”。我怎么才能解决这个问题。我需要在带有"this.$test“的子组件中创建vuex导入名称，而不是store和accessing。
const app =
浏览 1提问于2019-01-16得票数 0
1回答
组件支柱在一种Vuex状态变化时被重新评估
vue.js、vuejs2、vue-component、vuex
父组件可以使用v-for循环包含任意数量的子组件。
实质上，子组件包含一个引导表b-table，父组件只是子组件的包装器。因此，父组件可以在其中包含任意数量的表。我希望跟踪父组件中所有表的所有选定行。我使用Vuex存储来保持所有选定行的id来自所有表。在选中/未选中任何行之后，每个子组件都提交给vuex存储。在这里之前一切都很顺利。现在
浏览 3提问于2019-11-12得票数 0
回答已采纳
1回答
如何共享从vuex存储到所有子组件的状态
vue.js、vuejs2、vue-component、vuex
我正在创建一个具有子组件列表的自定义表单组件。因此，在我的父组件中，我添加了vuex存储，它保存我想要在我的子组件之间共享的状态(数据)。我所有的组件都是单页组件。/store'; // Vuex Store store,
// ... popula
浏览 0提问于2018-05-10得票数 4
1回答
Vuex中未定义的ReferenceError
javascript、vue.js、vuex
我在用Vuejs和Vuex做SPA。我在存储中设置了一些数据，并在子组件中显示它。在子组件中，有单选按钮，当单击这些按钮时，我调用一个名为getCalculations的函数，在其中我记录vehicle对象，但始终得到未定义的错误。子组件进一步嵌入到父组件中。Vuex商店
const getDefaultState = () =
浏览 4提问于2020-07-31得票数 0
1回答
Vue:未在实例上定义属性或方法
vue.js
我有两个组件(Q1和RepConfig)。我正在尝试在RepConfig中导入Q1组件，以便可以反复使用它。Q1组件使用一个简单的数组指向一个Vue商店(dscpValues.js)： namespaced: true, dscpData{ id: 'cs6', value: 'CS6' },
{ id: 'cs7', value: 'CS7&#x
浏览 0提问于2021-04-23得票数 0
1回答
Vuex里有没有和Redux里的mapDispatchToProps一样的东西？
vue.js、vuex
我试图在子组件中做类似于this.updateData()而不是this.$store.dispatch()的事情，在子组件中，updateData是一个继承自其父组件的函数。
浏览 7提问于2017-02-13得票数 0
1回答
vue中未更新最新的jwt令牌
vue.js、jwt
我有一个问题，一旦用户登录，用户不会更新最新的数据，并且我在UI中看不到它。User是最后返回的令牌对象的一部分，我可以在控制台中看到vue使用它以前的状态加载user，而不是在jwt被续订并设置为持久性之后，用最后接收到的令牌再次加载它。
浏览 1提问于2020-03-29得票数 0
1回答
当道具更改时，Vue子组件没有重新启动吗？
vue.js、components、vuex
在我的应用程序中，我使用vuex来管理我的组件状态，当状态随vuex突变而发生变化时，子组件不会重发。下面是我在CodeSandbox:上的代码有人能帮我吗？
浏览 2提问于2018-07-23得票数 1
回答已采纳
2回答
将自定义存储注入应用程序
vue.js
$store在所有子组件中访问。
没有Vuex的，可以将自定义存储实现注入子组件中吗？$store会导致子组件中的未定义，因为Vuex似乎有额外的挂钩来实现这一点。
浏览 5提问于2017-01-04得票数 1
回答已采纳
1回答
Vuex，计算的属性不是反应性的
vue.js、vuex、nuxt.js
我试图在某些组件(子组件)之间共享一个状态，其中每个子组合体(和父组件)可以更新共享属性(存储在vueX状态中)。$store.state.urlQuery; }const store = new Vuex.Store({ urlQuery:
浏览 0提问于2018-05-01得票数 1
回答已采纳
2回答
当多个组件在Vuex中使用相同的操作来获取数据时，如何处理状态？
vuejs2、vue-component、vuex
我创建了子组件，并使用v-for向用户显示这个数组(这意味着每个子组件稍后表示数组中的一个对象)。问题来了，当我尝试为每个子组件获取异步数据时，对于数据获取，我还需要来自我提到的数组的参数。
我在创建的子组件挂钩中使用Vuex操作。通过使用计算的属性，我可以在我的子组件中获得获取的simType，并将其显示给用户。到目前为止一切正常。当有多个子组件</
浏览 0提问于2019-01-23得票数 2
回答已采纳
3回答
如何通过原子设计模式中的发射，从vuetify选择中得到改变的值？
vuex、vuetify.js、emit、v-select、atomic-design
我试图通过使用vuetify v-select获得更改后的$emit值，但它不起作用。我通过应用原子设计模式(原子(子组件而不是与存储连接)、生物体(父组件)和vuex存储来划分组件。这是一个使用vue, vuex, vuetify,原子设计连接到API服务器的管理页面的新应用程序。组件<template> :items="lis
浏览 2提问于2019-05-27得票数 3
回答已采纳
2回答
如何添加带有bool返回的vuex操作？
javascript、vue.js、vuex
我正在尝试在vuex中添加一个返回bool的简单常见操作，但它似乎没有返回我需要的内容。我的子组件调用： <ArrowDownIcon v-if="isOrderedBy(column.id)"
class="{'campaigns-grid__header-direction--asc': order.isDescendin
浏览 26提问于2021-01-15得票数 0
回答已采纳
1回答
如何将数据从父路由访问到子路由？
java、vue.js、vuejs2、vue-component、vue-router
我有两个路由组件：该列表显示了产品，然后是使用路由器定义/范围中的历史记录指向该产品的路由器链接。我试图实现的是将数据从父列表路由到子详细产品模板中。 ref.parentNode.insertBefore(prerenderTag, ref);然后<em
浏览 7提问于2017-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
