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
  })
}

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

猜你喜欢

转载自blog.csdn.net/jiangjunyuan168/article/details/126612792
今日推荐