vuex 中操作数组,报错 Do not mutate vuex store state outside mutation handlers

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex 中操作数组,报错 Do not mutate vuex store state outside mutation handlers相关的知识,希望对你有一定的参考价值。

参考技术A 报错:

操作是这样,每次赋值新数组(selection)给temp,然后actions中commit motations改变state值currentseletedRows就报这个错。
解决:如图,加个slice。

思考:引用数据类型,vuex里的currentSelectedRows引用selection变量,如果不加slice,改变selection就直接改变vuex里的state,而vuex不允许直接改变state中的东西,必须通过mutations。所以报错!!(欢迎讨论,自己目前的思考,不一定对)

使用vuex报错“__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor”

import Vue from ‘vue‘;
import Vuex from ‘vuex‘;

Vue.use(Vuex);

const store = new Vuex.store({
    state:{
        num:"我是vuex1"
    }
});
export default store;

控制台显示报错

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor

(是因为尝试将不是构造器的对象或者变量来作为构造器使用。)

 

解决办法:

将new Vuex.store中的“store”大写

new vuex.Store

 

参考:

http://www.cnblogs.com/yufann/p/Vue-Node10.html

 

以上是关于vuex 中操作数组,报错 Do not mutate vuex store state outside mutation handlers的主要内容,如果未能解决你的问题,请参考以下文章

关于 vuex 报错 Do not mutate vuex store state outside mutation handlers.

mutation中修改state中的状态值,却报[vuex] do not mutate vuex store state outside mutation handlers.

无法将存储数据访问到 vuex 中的组件中

vuex 报错 hook.flushStoreModules is not a function 偶发性

使用vuex报错“__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor”

vuex报错:Property or method “$store“ is not defined on the instance but referenced during render. Make