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

这篇文章主要为大家详细介绍了从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

如下所示：

 

代码如下：

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时报错的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6238-0.html

注：关于从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js