突变不更新Vuex中的数据
是指在使用Vuex进行状态管理时，通过调用mutation来改变state中的数据，但是发现数据没有更新的情况。
可能的原因有以下几点：
- 忘记在mutation中修改state的代码：在Vuex中，只有通过mutation来修改state的数据才会触发响应式更新。如果在mutation中忘记了修改state的代码，那么数据就不会更新。
- 异步操作导致数据更新问题：如果在mutation中进行了异步操作（例如调用了API请求数据），那么由于JavaScript的异步特性，数据更新可能会出现延迟。这时可以考虑使用Vuex的辅助函数（如actions）来处理异步操作，并在异步操作完成后再调用mutation来修改state。
- 对象或数组的变更检测问题：由于Vue的响应式系统是基于对象的getter和setter实现的，所以对于对象或数组的变更需要使用Vue提供的方法来触发更新。例如，如果要修改state中的一个对象属性，应该使用Vue.set或者直接赋值一个新的对象。
针对突变不更新Vuex中的数据的问题，可以采取以下解决方案：
- 确保在mutation中正确修改state的数据，检查是否有遗漏或错误的代码。
- 如果涉及到异步操作，可以使用Vuex的辅助函数（如actions）来处理异步操作，并在异步操作完成后再调用mutation来修改state。
- 对于对象或数组的变更，使用Vue提供的方法来触发更新，例如使用Vue.set或者直接赋值一个新的对象。
- 检查是否有其他地方对数据进行了不合理的修改，可能会导致数据更新问题。
总结起来，突变不更新Vuex中的数据可能是由于遗漏或错误的代码、异步操作导致的延迟更新、对象或数组的变更检测问题等原因引起的。通过检查代码、使用辅助函数处理异步操作、使用Vue提供的方法触发更新，可以解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我有一个非常奇怪的问题，因为当开发电子应用程序时，这个问题不会出现在类星体中。但是这个带有vue-cli的是令人沮丧的。所以我有vuex状态，其中我有我的测试数据 return { avatar: null,{ level: 1 ]
浏览 1提问于2020-04-29得票数 0
1回答
所以我的一个变种是从状态的一个数组中获取数据，并将其添加到一个对象中。 数据来自firebase，但sortItems不工作。store.js文件： import Vue from "vue";import { vuexfireMutations, firestoreAction} from "vuexfire";
impo
浏览 5提问于2020-08-23得票数 0
1回答
我有点搞不懂该把我的全球职能放在哪里。在很多例子中，一个main.js文件指向一个应用程序组件，这个文件放在html中的某个地方。如果简单地将我的所有逻辑包含在这个应用程序组件中，这个工作流对我来说是很好的。但我将组件与Laravel功能相结合，所以这对我来说是行不通的。目前，我的main.js文件包含了许多我需要从应用程序中的任何地方访问的方法。这些方法不包含任
浏览 0提问于2016-06-28得票数 15
回答已采纳
1回答
我为我的Nuxt应用程序构建了一些中间件。function (user) { if (user) {
})现在，如何实际获得对用户对象的访问当我从正常组件做这件事时，它是正确工作的。传递到存储简单字符串也有效，但任何其他动作不，是否需要某种承诺？寻求帮助。
浏览 3提问于2017-07-25得票数 0
1回答
我尝试在App.vue中获取数据，然后将值传递给this.store.data。之后，我可以对所有其他组件使用this.store.data值。问题是当我单击链接(路由器-链接)时，组件中的函数在获取应用程序中的数据之前运行。反正我能解决这个问题吗？如何获取数据并用于所有其他组件？下面是store.js的代码：import Vuex from &qu
浏览 1提问于2018-09-09得票数 0
回答已采纳
我有一个Vue应用程序，它的输入元素绑定到如下所示： <input v-model="this.$store.state.myvalue"/>和VueX store/index.jsimport Vuex from "vuex";
export d
浏览 4提问于2019-11-30得票数 3
回答已采纳
1回答
我试图从组件中更改状态对象属性的值，但找不到正确的方法state: { title: "Lorem ipsum", }, { position: 8 ]在组件的计算属性中：
return this.return (article.title).match(this.s
浏览 1提问于2018-11-10得票数 1
我正在努力学习尽可能多的知识，我正在尝试开发一个简单的用户搜索和查看详细信息的应用程序，但是我被卡住了，似乎找不到前进的出路。 ? 我将Vuex store与状态userId和username一起使用，并定义了突变来提交状态更改。 当用户通过在搜索组件中提供用户名进行搜索时，我从左侧边栏上的API获取用户列表。当用户单击其中一个搜索结果时，我正在提交userId状态，并希望使用从Vuex store检索到的userId从API<
浏览 74提问于2021-07-20得票数 1
回答已采纳
当我想更新$auth.user.balance时 methods:{ this.$auth.user.balance = 10;} 但它返回错误： Error: [vuex] do not mutate vuex store state outside mutation如何在Nuxtjs中更新这些vuex属性？
浏览 51提问于2020-08-26得票数 3
回答已采纳
我有一个vuex state状态，看起来像这样： state: {} 在我的组件中： computed: {methods: { this.myObj.someArrayAttribut.splice(i, 1)} remove方法很有效，而且很棒，但是vuex文档明确指出The only way to actually change state in a Vuex</em
浏览 12提问于2019-04-03得票数 0
1回答
如何编写无异步承诺的Vuex变异
、、、、
我正在用Vue.js、Vuex和Firebase构建一个应用程序。在这个应用程序中，从Firestore数据库获得的数据会以突变的形式更新到状态。当状态通过getters方法返回到模板时，当前形式的应用程序似乎工作得很好。然而，我的理解是，突变是同步的，承诺(.then)是异步的。因此，.then的承诺不应该是内部突变。什么是重
浏览 1提问于2019-07-17得票数 0
回答已采纳
2回答
我是vue js的新手。我想调用api。这是完美的工作。但我想提出一个条件，如果api响应是this，那么vue js数组就会更新。这是我的代码。但它给出了错误“不要在突变处理程序之外突变vuex存储状态”。如何处理这个问题？
浏览 22提问于2020-08-20得票数 0
我看到了这些突变：
但只有当我点击向下箭头时，他们才会真正得到承诺。我如何让他们自动提交随着应用程序的进展？
浏览 2提问于2019-08-20得票数 3
回答已采纳
1回答
我的存储中有两个函数，一个通过调用API来获取数据，另一个在单元格“已批准”上切换更改。一切都很好，除了当我在数据库中切换这个更改时，我得到的响应是它已经完成，但它没有在UI上更新。我很困惑，在切换更改以在UI上反映更改后，我应该做什么，我应该从.then调用我的API，或者我应该调用负责从服务器获取数据的操作方法。context.commit('driverApprovalError');
浏览 12提问于2019-03-22得票数 0
2回答
我目前正在使用Handsontable和Vue开发一个大数据网格，我的数据存储在Vuex中。问题是，当我编辑一个细胞时，我会得到Vuex变异错误。在ag网格中，我可以使用valueSetters和getter来避免这种情况，但是我无法在Handsontable中找到如何做到这一点。另外，afterChange事件不会因为变异错误而触发。计算值的获取和设置也帮不了我。有人有同样的问题吗？我可能会写自定义编辑器，但这是我最不想做的
浏览 0提问于2018-09-14得票数 1
回答已采纳
当对象引用传递给Vue子组件时，我想更新对象属性之一的值(使用Vuex)，最简单的方法是将对象引用和新值传递给突变。然后，突变只需更新传递对象的属性。另一种方法是传递一个对象标识符作为有效负载的一部分，并获取突变来搜索存储并检索它。
浏览 2提问于2018-07-10得票数 2
回答已采纳
2回答
不更新值的vue计算性质
、、、
我在尝试更新一个计算属性。数据来自vuex状态。 id: 13 { description: "lots more blah blah" }即使我的目标代码是vuex，我仍然没有更新值
浏览 8提问于2022-04-12得票数 -1
1回答
Vuex突变不更新国家
、、、
在使用Vuejs应用程序时，我使用Vuex在components.In Vuex存储之间进行状态管理，我有一个操作，该操作从API (工作正常)中获取一些数据，然后将其填充到状态(通过突变)。接下来，我使用getters将更新的状态传递给组件。const getDefaultState
浏览 4提问于2020-09-03得票数 1
2回答
我对Vuex非常陌生，有人能告诉我为什么我不能从一个动作访问状态，修改它，然后提交它吗？在更改状态数组之前，我会对其进行“深度”复制。这样做的替代最佳做法是什么？这是我的行动： var shoppinglist
浏览 3提问于2020-02-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
