NUXT Vuex 更改状态值返回存储状态错误答案

【问题标题】：NUXT Vuex change state value returns store state errorNUXT Vuex 更改状态值返回存储状态错误
【发布时间】：2020-11-25 00:46:43
【问题描述】：

我正在尝试修改状态，然后将其推回存储，但它返回错误

methods : {
  modalBtnClick(index){
    let btns = [];

    this.$store.state.utility.modal_content.btns.forEach((item)=>{
      btns.push(item);
    });

    btns[index].result = true;

    this.$store.commit('utility/modal_content',{
      body : this.$store.state.utility.modal_content.body,
      btns : btns
    });
  }
}

错误：[vuex] 不在突变之外改变 vuex 存储状态处理程序。

非常感谢任何帮助和想法。

【问题讨论】：

标签： vuejs2 nuxt.js vuex

【解决方案1】：

我刚刚做了 json stringify 然后解析回来，现在似乎可以工作了

let data = JSON.parse( JSON.stringify( this.$store.state.utility.modal_content ) );

data.btn[index].result = true;

this.$store.commit('utility/modal_content',data');

【讨论】：