改动vuex state的值报错解决[vuex] do not mutate vuex store state outside mutation handlers.

星星chok

已于 2024-07-26 16:19:17 修改

阅读量365

点赞数

文章标签： vue

于 2021-05-13 16:51:39 首次发布

本文链接：https://blog.csdn.net/qq_38985444/article/details/116756355

版权

本文介绍了在使用Vuex时遇到的错误：[vuex] do not mutate vuex store state outside mutation handlers。解决方法包括在mutation中正确修改state，并通过监听来响应状态变化。

摘要由CSDN通过智能技术生成

在这里插入图片描述
1 不可以直接修改state里面的值，可以在state里面赋值给一个值

  this.data= i.list

2 再监听这个值，修改

 data: {
      handler(newVal, oldVal) {
        if (newVal?.length > 0 && typeof oldVal == "undefined") {     
          let data= JSON.parse(JSON.stringify(newVal))
          data.forEach(item => {
              item.icon = "default"
          })
        }
      },
      immediate: true,
      deep: true
    },