vuex故事中的Getters不显示数据
vuex是一个专为Vue.js应用程序开发的状态管理模式。它主要用于集中管理Vue.js应用程序中的共享状态，包括状态的获取、更改、监听等操作。
在vuex的故事中，Getters是用来从store中获取状态的一种方法。它可以看作是store的计算属性，用于派生一些基于store状态的值。相比直接从state中读取数据，使用Getters可以对数据进行一些处理或者筛选，以满足业务需求。
使用Getters的优势有以下几点：
- 组件中使用Getters可以避免直接操作store中的数据，提高代码的可维护性和复用性。
- Getters可以对store中的数据进行处理和计算，方便在组件中使用这些派生数据。
- Getters可以对数据进行筛选和过滤，返回符合特定条件的数据，减少组件中的冗余代码。
在实际应用中，Getters常用于以下场景：
- 对数据进行格式化：例如对时间戳进行格式转换，对金额进行格式化等。
- 数据筛选和过滤：例如从列表中过滤出满足某些条件的数据。
- 数据聚合和计算：例如计算列表中的总数、平均值、最大值、最小值等。
- 数据缓存：例如请求数据后将结果缓存起来，下次直接从缓存中获取。
对于vuex故事中Getters不显示数据的问题，可能是以下几个原因导致：
- 没有在store中定义对应的Getters函数。
- 在组件中未正确使用Getters函数来获取数据。
- 数据未正确传递给组件。
针对这个问题，可以按照以下步骤来解决：
- 在store中定义对应的Getters函数，确保其返回的是需要获取的数据。
- 在组件中使用
mapGetters辅助函数来映射Getters函数，确保能够在组件中访问到Getters函数。 - 在组件中通过访问映射后的Getters函数来获取数据。
- 确保数据在store中正确初始化，并且能够正确地传递给组件。
以下是腾讯云相关产品和产品介绍链接地址，供参考：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：https://cloud.tencent.com/product/cdb-for-mysql
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯云人工智能AI：https://cloud.tencent.com/product/ai
- 腾讯云物联网IoT Hub：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链BCS：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙WXR：https://cloud.tencent.com/product/wxr
相关·内容
1回答
我在MongoDB中有数据库 user:{ kdList:String, }] 我已经创建了Vuex.Store，并且我有一些getter matchesList: state => state.matchesList,
return match
浏览 9提问于2020-01-22得票数 0
我有一个组件故事，它需要由我的Vuex商店中的操作执行的API调用。然而，该商店无法通过Storybook：Unhandled promise rejection TypeError: "this.我的Vuex商店在我的应用程序中工作正常。/&#
浏览 2提问于2019-06-20得票数 9
所以我使用Vuex来存储我的表单信息，表单本身在一个子组件的vuetify对话框中。我也使用道具来提示vuetify对话框打开，同时也发送索引。我使用vuex getters (tableUsulan)的值设置编辑vue数据(tableUsulanTemp)，如下所示： props: { index: null model: {
浏览 13提问于2020-05-01得票数 1
回答已采纳
2回答
有没有可能只模拟全局存储中的getter？我试过这段代码，但它不起作用： import store from '@/store';localVue.use(VueRouter); mocks: {$store: {
浏览 19提问于2021-07-29得票数 1
回答已采纳
1回答
错误vuex未知getter:计数器/计数`
store.js someRootState: 'someRootState' state, modules:{
comput
浏览 1提问于2018-05-08得票数 0
我试图用v-for从getter中提取数据，但是我一直没有得到任何数据，所以我决定控制台日志'this.$store.getters.tiers‘，结果它没有定义。数据显示在Vue浏览器选项卡中，但除非我手动单击该箭头，否则状态和Getters都会出现灰色。这些空白数据是与此相关的，还是代码中我忘了的东西？
谢谢你的帮助！import Vue from "vue
浏览 2提问于2020-10-10得票数 0
回答已采纳
我在用vue-test-utils测试我的vue项目。问题是，.vue文件调用模拟存储，.ts文件调用原始存储。当在测试中单击“”(“.transfer_id_column按钮”)时，会调用TransferPresentation的.transfer_id_column回调。但是“run1”是被记录的，这意味着原始vuex</em
浏览 18提问于2021-07-21得票数 0
1回答
我希望我的组件共享一段全局数据，这是一个在挂载我的主Vue实例时通过ajax设置的全局变量。但是，当我尝试在下面的代码中设置组件数据时，它是空的。如何将组件的数据属性设置为共享全局对象？如果是ajax问题，如何让组件等待tableData的设置，或者让组件监视tableData的更改？
浏览 18提问于2017-08-20得票数 1
1回答
当试图在标记中获取可更新的数据时，我只接收初始数据，可以在调试器中看到数据更新。在改变状态后，我无法显示新的数据：component.vue <div><h1>hello {{ store.<e
浏览 5提问于2021-12-21得票数 1
回答已采纳
实际上，如果用户没有通过用户输入指定此语言，我希望用户的首选语言prefLang基于navigator.language。store.js userData: { // some otherdata..}
const getter
浏览 0提问于2018-11-21得票数 1
我试图通过在两个不同的文件中使用getter过滤掉我的用户。这两者怎样才能正确地结合起来呢？state.UserById[id]) auth.js return state.user因此，来自auth.js的auth.js应该在users.js中实现，并从getAllUsers中过滤掉。
浏览 2提问于2020-06-11得票数 0
1回答
无法编辑列表我认为问题出在更新突变中。标签一切正常，可能是输入有问题，它不会更新数据。我需要使任务可以在一个双楔子上编辑。 无法编辑列表我认为问题出在更新突变中。标签一切正常，可能是输入有问题，它不会更新数据。我需要使任务可以在一个双楔子上编辑。Vue.use(Vuex)
state: { },
浏览 13提问于2020-06-11得票数 1
有没有人有一种清晰的方式将vuex数据绑定到输入，比如你想用vuex中的数据对编辑表单进行消重处理，如果你没有在对输入进行v建模之前将其克隆到本地对象，那么在输入时就会出现突变错误。这对于包含数组的深层对象尤其混乱，因为简单的{...object}扩散不会克隆嵌套的数组/对象，并且嵌套的数组仍将绑定到vuex。这就是我发现自己经常做的事情 created
浏览 20提问于2020-06-21得票数 1
我有一个Vue应用程序使用Vuex。如果打开了两个选项卡，那么在一个选项卡中对商店的更改将不会显示在另一个选项卡中。 state: { }, tasks: state => state.tasks}在模板中：
computed
浏览 0提问于2018-11-30得票数 10
回答已采纳
我需要帮助从vuex发送数据，并以computed：{}发送数据支持( data (){返回{}}) } aa() {
r
浏览 1提问于2020-09-18得票数 0
回答已采纳
我正在尝试使用VueX和一个来自rapidapi的免费API来显示数据。不知何故，我无法在组件中正确地显示或迭代它。我做错了什么？以下是有关守则：import Vue from 'vue'Vue.use(Vu
浏览 4提问于2020-06-18得票数 0
回答已采纳
2回答
我正在努力改进vuex模块，但是在下面出现了错误：import Vue from 'vue';
const
浏览 3提问于2017-10-29得票数 7
回答已采纳
7回答
我有一个vuex文件，其中包含越来越多的修改器，但我不确定将其拆分成不同文件的正确方式。因为我有：
const store = new Vuex.Store({ vuex stuff })，然后在下面我的主要Vue应用程序声明：const app = new Vue({ stuff })我很高兴使用Vue组件，并且已经有了很多这样的组件，但这是应用程序的顶级内容，我不确定如何将其拆分。
浏览 5提问于2016-11-12得票数 21
我正在写一个小的covid项目，并试图使用ApexCharts绘制确认的感染数据，但图形没有显示。我在两个表中输入来自vuex的数据。数据是有效的，但是它来自代理对象中的api和sa。我做错了什么？(我使用ApexCharts是因为vue Chartjs与vue 3不兼容)。$store.getters['chart/getD
浏览 81提问于2020-12-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
