VUEX报错 [vuex] Do not mutate vuex store state outside mutation handlers

数组
错误的写法：let  listData= state.playList; // 数组深拷贝,VUEX就报错
正确的写法：let listDate= state.playList.slice(); /*不能直接操作state里面的属性，但是可以创建一个副本*/

对象
错误的写法：let  listData= state.playList; // 对象深拷贝,VUEX就报错
正确的写法：let listDate= Object.assign({}, state.playList); /*不能直接操作state里面的属性，但是可以创建一个副本*/

原文地址：https://www.cnblogs.com/ybixian/p/10662377.html

时间： 2024-10-09 07:17:03

VUEX报错 [vuex] Do not mutate vuex store state outside mutation handlers的相关文章

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

10 :问题描述在使用vuex 时,有时候我们在mutation中定义好方法,在页面或组件提交时有可能经常会遇到这个错误:---->>Do not mutate vuex store state outside mutation handlers. 9. 原因: The reason is that arrays are stored as references in Javascript and payload.items is likely to be changed outside

Sybase ASE报错：server Error: 8242, Severity: 16, State: 1

昨天上午,同事反映某系统在执行存储过程的过程中报错了,报错的信息异常如下: 05:00000:00009:2014/06/09 15:45:30.34 server Error: 8242, Severity: 16, State: 1 05:00000:00009:2014/06/09 15:45:30.34 server The table 'USER_FILES' in database 'PRODB' is bound to metadata cache memory. Unbind t

使用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 (是因为尝试将不是

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

最近开发项目用到vuex, 刷新页面后偶发性的报错 hook.flushStoreModules is not a function 但是不影响页面任何功能和vuex的使用进行了各种尝试仍然不行, 当前开发环境 "vue": "^2.5.2" "vuex": "^3.1.2" vue-cli:2.9.6 解决中.......... 原文地址:https://www.cnblogs.com/wangweizhang/p/1

踩坑记录-nuxt引入vuex报错store/index.js should export a method that returns a Vuex instance.

错误 store/index.js代码如下: import Vue from 'vue'; import Vuex from 'vuex'; import city from './moudle/city' Vue.use(Vuex); //构造store const store = new Vuex.Store({ // 模块化 modules: { city: city } }); export default store; 解决办法根据错误提示,到处一个方法,并在方法里把store导出.

vue报错集锦

1.vue报错: 没安装 less-loader css-loader style-loader 可能的很大原因:没安装less 2.vuex报错:Computed property "xxx" was assigned to but it has no setter 在使用了vuex的情况下,state时导入的state,在页面中不能直接更改state的值,需要在mutation方法中更改,然后在vue组件中commit该方法 3.iview报错:iview出现col栅格提

vue在IE11报错‘vuex requires a Promise polyfill in this browser.’

报错信息因为使用了 ES6 中用来传递异步消息的的Promise,而IE浏览器都不支持.(vuex使用了ES6语法) npm install babel-polyfill(安装babel-polyfill) Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行.所以你可以用ES6编写,而不用考虑环境支持的问题. 修改方法1: 在 Webpack中使用修改方法2: 在main.js中使用 import"babel-polyfill"; import

vuex在页面中以对象展开运算符形式引入报错解决

当页面中以mapGetters等对象扩展运算符写的时候,会报错 unexpected token 解决如下: babel还要加插件才能解释这个写法 npm install --save-dev babel-plugin-transform-object-rest-spread 下载完插件后在.babelrc添加插件 { "plugins": ["transform-object-rest-spread"] } 插件地址:https://babeljs.io/docs

vuex中的babel编译mapGetters/mapActions报错解决方法

vex使用...mapActions报错解决办法 vuex2增加了mapGetters和mapActions的方法,借助stage2的Object Rest Operator 所在通过 methods:{ ...mapActions([ 'increment' ]) } 酱紫去拿到action.但是我们需要安装babel-preset-stage-2的依赖. 可以使用babel插件, 该插件为 babel-plugin-transform-object-rest-spread 使用方法: npm