从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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
javascript中普通函数的使用介绍
Dec 19 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
js实现自定义右键菜单
May 18 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执行速度全攻略(上)
2006/10/09 PHP
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python数据类型之List列表实例详解
2019/05/08 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
寒假思想汇报
2014/01/10 职场文书
高三英语教学反思
2014/01/13 职场文书
出生公证书样本
2014/04/04 职场文书
环境科学专业求职信
2014/08/04 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
横店影视城导游词
2015/02/06 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
新郎接新娘保证书
2015/05/08 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
Nginx限流和黑名单配置
2022/05/20 Servers
Python+DeOldify实现老照片上色功能
2022/06/21 Python