从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 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
给Function做的OOP扩展
May 07 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
深入理解javascript变量声明
Nov 20 Javascript
node.js 使用ejs模板引擎时后缀换成.html
Apr 22 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
js实现1,2,3,5数字按照概率生成
Sep 12 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
vue全屏事件开发详解
Jun 17 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提交表单发送邮件的方法
2015/03/20 PHP
PHP文件生成的图片无法使用CDN缓存的解决方法
2015/06/20 PHP
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
2017/06/19 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
2017/09/14 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
如何自动化部署项目?折腾服务器之旅~
2019/04/16 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
python numpy 反转 reverse示例
2019/12/04 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
keras使用Sequence类调用大规模数据集进行训练的实现
2020/06/22 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
Python通过format函数格式化显示值
2020/10/17 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
金士达面试非笔试
2012/03/14 面试题
财务会计实习报告体会
2013/12/20 职场文书
学校办公室主任职责
2013/12/27 职场文书
军训心得体会
2013/12/31 职场文书
食品安全汇报材料
2014/08/18 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers