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

Posted yedda

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法相关的知识,希望对你有一定的参考价值。

如下所示:

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

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

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

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

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

查了下,就查到这句

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

 

Java项目教程之管家婆项目实战|黑马程序员    下载地址:百度网盘下载
Java教程|Java基础班-小白的福音(冯老师)    下载地址:百度网盘下载
Linux+Redis实战教程    下载地址:百度网盘下载
Java高级 Maven教程_Maven视频教程|黑马程序员    下载地址:百度网盘下载
java项目视频教程_JavaWeb网上商城实战项目    下载地址:百度网盘下载
Java教程_面试题破解之银行业务调度系统教程    下载地址:百度网盘下载
13天学会Java编程    下载地址:百度网盘下载
Java教程_面试题破解之交通管理系统教程    下载地址:百度网盘下载
疯狂Java李刚老师Struts2视频教程(39集)视频教程 教学视频 百度网盘下载    下载地址:百度网盘下载
Java基础入门视频教程 教学视频(最适合Java初学者的经典入门视频)    下载地址:百度网盘下载
[JAVA] 源代码教育Java入门与进阶全套视频教程 教学视频 百度网盘下载    下载地址:百度网盘下载
[JAVA] 磨砺营IT教育威哥讲解java的基础视频教程 教学视频 百度网盘下载    下载地址:百度网盘下载
中国黑客组织JAVA编程基础入门VIP系列培训 视频教程 教学视频    下载地址:百度网盘下载
安全中国JAVA高端编程研发培训班 视频教程 教学视频    下载地址:百度网盘下载
VIP教程java闭关修炼系列 64讲 视频教程 教学视频    下载地址:百度网盘下载
JavaEE+javaweb+Hadoop大数据就业班    下载地址:百度网盘下载
JavaEE系列视频教程黑马就业班    下载地址:百度网盘下载
27天学完JAVA高清视频+源代码    下载地址:百度网盘下载


















以上是关于从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

JS解构赋值

matlab 怎么把元胞数组取出来的内容放到一个新的矩阵

PHP将二维数组中某个值都取出来组成一个新的数组

给新数组arr2里的arr[新下标]的id属性赋值前 需要先给arr[新下标]初始化

JS基础 数组类型

js中[ ].push(1,2,3)为啥是3而不是个新数组