vuex 更新state,vuex更新数据页面没变化

　　本文主要介绍如何解决vuex更改了state的值，但是页面没有更新的问题。有很好的参考价值，希望对你有帮助。来和边肖一起看看吧。

　　当state中的属性定义为obj类型时，有时会出现其他页面修改state值后，其他页面没有同步更新的情况。

　　是时候改变了。JSON.parse(JSON.stringify(obj))

　　这个。$ store . dispatch( set global user information ，JSON.parse(JSON.stringify(obj)))

　　补充知识：一个“错误”的vuex写法：vuex刷新了数据但是视图没有刷新

　　这是一个尴尬的问题。让我猜猜你的代码是不是这样写的：

　　模板

　　div id=应用程序

　　img src=。/assets/logo.png

　　Button @click=clickme 点击我/button

　　span { {计数}}/span

　　/div

　　/模板

　　脚本

　　导出默认值{

　　名称：“应用程序”，

　　data() {

　　返回{

　　countnumber:这个。$store.state.count，

　　}

　　},

　　方法：{

　　clickme: function() {

　　这个。$ store . commit( increment )；

　　}

　　},

　　}

　　/脚本

　　风格

　　/风格

　　那恭喜你了，再怎么平平淡淡，也就0了。但是如果你写下以下内容，它将是正确的：

　　模板

　　div id=应用程序

　　img src=。/assets/logo.png

　　Button @click=clickme 点击我/button

　　span { { $ store . state . count } }/span

　　/div

　　/模板

　　脚本

　　导出默认值{

　　名称：“应用程序”，

　　data() {

　　},

　　方法：{

　　clickme: function() {

　　这个。$ store . commit( increment )；

　　}

　　},

　　}

　　/脚本

　　风格

　　/风格

　　不同的是，你是直接链接到接口的。为什么？我不知道。毕竟是别人的框架。

　　上面的文章解决了vuex更改了state的值，但是页面没有更新的问题，这是边肖分享的所有内容。希望能给你一个参考，多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。