解决vuex改变了state的值,但是页面没有更新的问题
#代码知识 发布时间： 2026-01-12
当state里属性定义为obj类型时，有时候出现：在其他页面修改完state值之后，其他页面并没有同步更新。
这时候需要转换一下。JSON.parse(JSON.stringify(obj))
this.$store.dispatch("setGlobalUserInformation",JSON.parse(JSON.stringify(obj)))
补充知识：一个“错误”的vuex写法：vuex刷新了数据但是视图没有刷新
这是个很尴尬的问题，让我猜猜看你的代码是不是这样写的：
<template>
<div id="app">
<img src="./assets/logo.png">
<button @click="clickme">点击我</button>
<span>{{countnumber}}</span>
</div>
</template>
<script>
export default {
name: 'app',
data() {
return {
countnumber: this.$store.state.count,
}
},
methods: {
clickme: function() {
this.$store.commit("increment");
}
},
}
</script>
<style>
</style>
那么恭喜你，无论你怎么平明点，都会是0.但是如果你是下面这种写法，那就是正确的了：
<template>
<div id="app">
<img src="./assets/logo.png">
<button @click="clickme">点击我</button>
<span>{{$store.state.count}}</span>
</div>
</template>
<script>
export default {
name: 'app',
data() {
},
methods: {
clickme: function() {
this.$store.commit("increment");
}
},
}
</script>
<style>
</style>
区别就是你直接关联到界面里面。为什么这样？不清楚，毕竟是别人的框架。
以上这篇解决vuex改变了state的值,但是页面没有更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
代码知识SEO上一篇 : javascript实现搜索筛选功能实例代码
下一篇 : Django contrib auth authenticate函数源码解析
-
SEO外包最佳选择国内专业的白帽SEO机构，熟知搜索算法，各行业企业站优化策略！
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现，定制个性化营销推广方案！
SEO套餐
-
SEO入门教程多年积累SEO实战案例，从新手到专家，从入门到精通，海量的SEO学习资料！
SEO教程
-
SEO项目资源高质量SEO项目资源，稀缺性外链，优质文案代写，老域名提权，云主机相关配置折扣！
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站，协助备案，域名选择，服务器配置等相关服务！
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构，可以承诺搜索引擎排名的具体位置，如果有，那么请您多注意！专业的SEO机构，一般情况下只能确保目标关键词进入到首页或者前几页，如果您有相关问题，欢迎咨询！
