从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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
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
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
php数组指针操作详解
2017/02/14 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
2014/04/02 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
利用Python实现kNN算法的代码
2019/08/16 Python
python实现查找所有程序的安装信息
2020/02/18 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
大学考试作弊检讨书
2014/01/30 职场文书
银行类自荐信
2014/02/04 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
护士实习求职信
2014/06/22 职场文书
活动总结格式
2014/08/30 职场文书
房产公证书格式
2015/01/26 职场文书
南湾猴岛导游词
2015/02/09 职场文书
超强台风观后感
2015/06/09 职场文书
六一活动主持词
2015/06/30 职场文书