Error: [vuex] do not mutate vuex store state outside mutation handlers.报错的解决方法

今天在做项目的时候遇到了一个报错，报错的内容为：
Error: [vuex] do not mutate vuex store state outside mutation handlers.

咋一看就是vuex报出的没有在mutation里面修改state嘛，然后到组件中查找，但是找了半天，发现取出的基本类型的state没有直接进行修改，取出的引用类型的state也已经全都进行深拷贝处理了。

后面没有办法，无奈之下只能去关闭vuex的严格模式了：

import Vue from 'vue'
import Vuex from 'vuex'
import actions from './actions'
import getters from './getters'
import defaultState from './state'
import mutations from './mutations'
 
Vue.use(Vuex) // 将Vuex挂载到Vue
 
const debug = process.env.NODE_ENV !== 'production'
 
export default () => {
  return new Vuex.Store({
    strict: debug, // 严格模式，是否能在mutation外修改state值，true → 不能修改，false → 可以修改
    actions,
    getters,
    state: defaultState,
    mutations
  })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

最后虽然是解决了报错，但是这种方法是不推荐使用的，各位小伙伴能用其他方法解决尽量使用其他方法。