从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法


Posted in Javascript onSeptember 18, 2018

如下所示:

Uncaught Error: [vuex] Do not mutate vuex store state outside mutation handlers

今天遇到一个问题,将Vuex中数组的值赋给新的数组,新数组push时报上面的错误,代码如下

<code class="language-javascript">this.maPartListTable = this.$store.state.vehicleMa.maPartListTable; 
</code>
this.maPartListTable.push(obj);

经询问后得知,应该这么写

this.maPartListTable = this.$store.state.vehicleMa.maPartListTable.slice();

查了下,就查到这句

slice(),不会修改原始数组而是返回一个新数组

以上这篇从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
javascript实现的动态文字变换
Jul 28 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
详解angularjs4部署文件过大解决过程
Dec 05 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
vue服务端渲染添加缓存的方法
Sep 18 #Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 #Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 #Javascript
在小程序中使用canvas的方法示例
Sep 17 #Javascript
webpack4打包vue前端多页面项目
Sep 17 #Javascript
node中的密码安全(加密)
Sep 17 #Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 #Javascript
You might like
php实现数字补零的方法总结
2018/09/12 PHP
漂亮的提示信息(带箭头)
2007/03/21 Javascript
JS 自动安装exe程序
2008/11/30 Javascript
jQuery select的操作实现代码
2009/05/06 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
在Django的视图(View)外使用Session的方法
2015/07/23 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
解决python报错MemoryError的问题
2018/06/26 Python
django 将model转换为字典的方法示例
2018/10/16 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
教师中国梦演讲稿
2014/04/23 职场文书
公司感谢信范文
2015/01/22 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
2015年材料员工作总结
2015/04/30 职场文书
开展警示教育活动总结
2015/05/09 职场文书
赢在中国观后感
2015/06/02 职场文书
初三数学教学反思
2016/02/17 职场文书
施工安全协议书
2016/03/22 职场文书
如何使用JavaScript策略模式校验表单
2021/04/29 Javascript