vuex状态管理-数据改变不刷新

困惑:

在页面初始化的时候,我提交到vuex状态管理,然后在获取的时候获取不到,我找到了出错的地点,并进行了修改,然后可以获取到状态

但是不知道原因?

定义了如下的state

const state = {
  num:{},
  mynum:0,
  tonum:0,
  donenum:0
};

在这里我联想到了vue数组改变不刷新的问题,如果把mynum、tonum和donenum放到num中赋值,那么我就初始化的时候无法获取到mynum等!

我暂时选择了逃避,使用了下冗余的代码,应该会有更好的办法来代替我这样的写法!也许是setter!!!有空试一下!

 

转载于:https://www.cnblogs.com/fooller/p/8327895.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用localStorage或sessionStorage来在本地缓存中存储数据,并在页面刷新后重新加载该数据Vuex中。当您想要清除缓存并更新Vuex状态时,您需要执行以下步骤: 1. 在页面加载时,检查本地缓存中是否有存储的数据。 2. 如果有存储的数据,将其加载到Vuex中。 3. 当您想要清除缓存并更新Vuex状态时,删除本地缓存中的数据。 4. 在Vuex中更新状态,以便页面中使用的Vuex状态也会发生改变。 以下是一个示例代码,演示如何使用localStorage来从本地缓存中获取数据并更新Vuex状态: ```javascript // 在页面加载时,检查本地缓存中是否有存储的数据 const cachedData = JSON.parse(localStorage.getItem('vuexData')); // 如果有存储的数据,将其加载到Vuex中 if (cachedData) { store.commit('UPDATE_STATE', cachedData); } // 当您想要清除缓存并更新Vuex状态时 function clearCacheAndState() { // 删除本地缓存中的数据 localStorage.removeItem('vuexData'); // 在Vuex中更新状态,以便页面中使用的Vuex状态也会发生改变 store.commit('CLEAR_STATE'); } // 在需要清除缓存并更新Vuex状态的地方调用 clearCacheAndState() 方法 ``` 在上面的代码中,`UPDATE_STATE` 和 `CLEAR_STATE` 是您需要在Vuex store中定义的mutation方法。`UPDATE_STATE` 方法将从本地缓存中加载数据Vuex状态中,而 `CLEAR_STATE` 方法将清除Vuex状态。 请注意,这只是一个示例,您需要根据您的具体情况来实现相应的逻辑。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值