vuex store commit后state中的数据没有更新

最新推荐文章于 2024-08-08 16:10:15 发布
最新推荐文章于 2024-08-08 16:10:15 发布
阅读量490 收藏
点赞数
文章标签： 前端 javascript uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyu_98/article/details/131963876
版权

这个问题很奇怪，之前都好好地，今天就突然不行了  <_>

我的commit通过对象展开运算符去赋值和获取state中的数据的

之前都没问题，找了半天没找到问题，把这里改成了普通state的话就正常了

 

有大神知道原因的么 >_< ,请赐教 ！！！！！！！！！！！！！

小鱼儿123123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue中vuex数据更新试图不更新[解决方法]
qq_35191845的博客
12-27 4759
我们在vuex中操作数据时遇见视图不更新的情况 原理：去vue的官网看就行了跳转 使用方法：Vue.set(target,propertyName,value) target:要更改的数据（一般是响应式对象）例：state.data property:这个对象中的子对象或者属性 value：你想要赋的值 使用实例： (可以直接下拉到使用Vue.set后的内容) 页面内容 <templa...
解决commit调用失败（短时间多次调用）的问题setTimeout
shalDream的博客
07-03 1873
vuex同步异步的巧妙运用，解决for多次调用的问题
vue使用$store.commit() undefined报错
Da_Xiong的博客
07-13 1362
vue使用$store.commit() undefined报错
vue 值改变后界面没有变_解决vuex改变了state的值,但是页面没有更新的问题
weixin_31174767的博客
01-15 4243
当state里属性定义为obj类型时，有时候出现：在其他页面修改完state值之后，其他页面并没有同步更新。这时候需要转换一下。JSON.parse(JSON.stringify(obj))this.$store.dispatch("setGlobalUserInformation",JSON.parse(JSON.stringify(obj)))补充知识：一个“错误”的vuex写法：vuex刷新...
react redux不更新State
whale_ao的博客
02-17 1269
react redux不更新State 使用redux集中管理状态，将state设置为对象，组件调用action中方法更新state，但是组件内容并没有更新。 原因是 state是引用 state是字面变量的值时，地址会随值改变。 state为对象时，地址不变 ，直接修改state的时候store内部的state同样也就变了，redux认为dispatch前后的state没有改变，就不会重新render。 深拷贝处理： return JSON.parse(JSON.stringify(preState));
js文件获取store里的state数据不是最新的
DyuanH的博客
02-02 1769
试试这种写法 // src/store/index.js import { createStore, applyMiddleware } from 'redux' import thunkMiddleware from 'redux-thunk' import { createLogger } from 'redux-logger' import rootReducer from '../reducers' const middlewares = [ thunkMiddleware, create
从Vuex中获取的数据更新界面没有反应
xuelong的博客
08-13 1007
引用Vuex中的数据之后，在修改数据后，引用的数据没有实时更新，需要切换到其他页面，在切换回来数据才会更新，重新渲染页面。
解决刷新页面vuex数据获取不到的问题
柒个橙子的博客
10-26 7060
现象： 一进入页面可以在mounted中获取到vuex中的数据， mounted() { console.log('???? ~ this.$store.state.user.companyId', this.$store.state.user.companyId); } 但是刷新页面后就获取不到了。 解释： 刷新页面vue实例重新加载，store被重新赋值，要想存储数据就必须存储在外部。 解决思路： 在用户登录之后，获取到用户信息，在存储store数据的同时，再存储到localStorage中。
vue-vuex中使用commit提交mutation来修改state的方法详解
10-18
在这些概念中，state是存储数据的地方，而mutations则是修改state的唯一途径。在本篇详解中，我们会重点讨论如何使用commit来提交mutations，进而修改state。 首先，根据Vue.js官方文档，更改Vuex的store中的状态的...
vuex中store存储store.commit和store.dispatch的用法
10-15
`store.commit` 和 `store.dispatch` 是 Vuex 中用于管理和改变状态的核心方法，它们各自有不同的功能和应用场景。 **1. store.commit** `store.commit` 用于触发一个 **mutation**（状态变更事件）。Mutation 是 ...
vuex如何重置所有state(可定制)
10-17
2. **创建一个全局的mutation方法**：在Vuex的store配置中，定义一个名为`resetAllState`的mutation，用于根据需要重置状态： ```javascript import _ from 'lodash'; import _store from 'store'; const store...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
解决Electron store的commit和dispatch不好使的问题
梦和远方的博客
08-14 2472
解决Electron store缓存不好使的问题Vue 的Vuex 一般vue的commit和dispatch可以直接使用，然后到了桌面程序的Vuex（store）竟然不好使了，原因真是奇葩无比。一、Electron使用store的dispatch问题二、解决方法有两个方法1、在 store/index.js 里面，就是上文特别强调了的那个文件，去掉或注释 createSharedMutations 插件方法2、如果需要多进程来处理怎么办？`看第 3 条`使用方法 Vue 的Vuex 一般vue的commi
解决vue不相关组件传递数据并保存（state），解决报错this.$store.commit is not a function
gang456789的博客
09-12 5970
1。在src文件下创建一个store文件，里面加入一个store.js文件 。内容大致为import vuex from 'vuex' import Vue from 'vue' Vue.use(vuex) export default new vuex.Store({ /*state必须*/ state:{ user:{} }, mutations
vuex，computed中 getters只执行了一次，state更新页面数据没有更新
Cheung1992的博客
09-13 1669
vuex，computed中 getters只执行了一次，state更新页面数据没有更新
关于vuex更新视图引发的思考
开源世界
06-15 239
但是，最近踩了vuex的坑：第一次进入页面加载数据，数据不显示，点击某个按钮或者切换页面后，数据会展示出来 通过分析发现，当第一次加载页面的时候，获取数据的数据为{} (空对象)，当数据获取完毕，执行commit() 而此时通过commit()已经改变了state中的数据，在页面中通过computed也可以获取更新后的数据。但是视图没有更新，获取的数据没有展示出来尝试在页面中发送commit()来再次更新视图，无效将Vue.set(state, ‘myData’, data)，无效…代码中所声明的对象里面的
Vuex解读及解决store中刷新后导致没有数据的问题
Anna_lhy的博客
11-21 3076
Vuex是一个专门为vue.js应用程序开发的状态管理模式，可以理解为共享的data，它一共有五种默认的状态： state：存储状态（变量） getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun() mutations：修改状态，并且是同步的。在组件中使用$store.commit('',params)。这个和我们组...
store踩坑
xiaojing的博客
11-30 674
某个方法里面写的是： getCenter (index, center) { let listTemp = this.$store.state.list listTemp[index] = center this.$store.commit('UPDATE_list', listTemp) } 结果在另一个组件监听这个变量的时候，却发现在watch中监听不到，但是已经进入stor...
ASP.NET Core Web API 使用Autofac框架
最新发布
鲤籽鲲的博客
08-08 619
ASP.NET Core Web API 使用Autofac框架
Vuex.Store中的state和mutations
06-07
在Vuex.Store中，state是用来存储数据的对象，mutations是用来修改state中数据的方法。state中的数据可以被组件通过this.$store.state来访问，而mutations中的方法可以被组件通过this.$store.commit来调用。下面是state和mutations的详细介绍： 1. state state是Vuex.Store中用来存储数据的对象，它包含了应用程序中所有需要管理的状态。state中的数据可以被组件通过this.$store.state来访问。例如，你可以在Vuex.Store中定义一个名为`count`的state，代码如下： ```javascript const store = new Vuex.Store({ state: { count: 0 } }) ``` 在这个例子中，我们在state中定义了一个名为`count`的变量，初始值为0。组件可以通过`this.$store.state.count`来访问这个变量。 2. mutations mutations是Vuex.Store中用来修改state中数据的方法，它们必须是同步函数。mutations中的方法可以被组件通过`this.$store.commit`来调用。例如，你可以在Vuex.Store中定义一个名为`increment`的mutation，代码如下： ```javascript const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment(state) { state.count++ } } }) ``` 在这个例子中，我们定义了一个名为`increment`的mutation，它将state中的`count`变量加1。组件可以通过`this.$store.commit('increment')`来调用这个mutation。 mutations中的方法也可以接收额外的参数，例如： ```javascript const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment(state, amount) { state.count += amount } } }) ``` 在这个例子中，我们定义了一个名为`increment`的mutation，它将state中的`count`变量加上额外的`amount`参数。组件可以通过`this.$store.commit('increment', 10)`来调用这个mutation，将`amount`参数设置为10。 mutations中的方法还可以被异步调用，但是异步操作不能直接修改state中的数据。如果需要在异步操作中修改state中的数据，可以使用actions来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值