从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
更新时间:2018年09月18日 09:03:01 作者:泛黄的夜
今天小编就为大家分享一篇从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时报错的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3 + async-validator实现表单验证的示例代码
表单验证可以有效的过滤不合格的数据,减少服务器的开销,并提升用户的使用体验,今天我们使用 vue3 来做一个表单验证的例子,需要的朋友跟随小编一起学习下吧2022-06-06vue3中使用ref和emit来减少props的使用示例详解
现在在开发vue3项目的过程中,我们开发小组渐渐的减少props的使用,转而用ref 和 emit 来代替,这篇文章主要介绍了vue3中使用ref和emit来减少props的使用,需要的朋友可以参考下2022-06-06Vue使用v-viewer插件实现图片预览和缩放和旋转等功能(推荐)
v-viewer是一个基于viewerjs封装的vue图片预览组件,有预览缩放拉伸旋转切换拖拽等功能,支持配置化,这篇文章主要介绍了Vue使用v-viewer插件实现图片预览和缩放和旋转等功能,需要的朋友可以参考下2023-02-02
最新评论