从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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 11 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
微信端开发--登录小程序步骤
Jan 11 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
layui实现三级联动效果
Jul 26 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数组应用之比较两个时间的相减排序
2008/08/18 PHP
PHP 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
PHP中读写文件实现代码
2011/10/20 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
jquery 插件学习(三)
2012/08/06 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
2014/01/14 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
JavaScript返回上一页的三种方法及区别介绍
2015/07/04 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
vue-cli扩展多模块打包的示例代码
2018/04/09 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
Python 读取WAV音频文件 画频谱的实例
2020/03/14 Python
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
学生发电厂实习自我鉴定
2013/09/22 职场文书
汽车机修工岗位职责
2014/03/06 职场文书
《赶海》教学反思
2014/04/20 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript