从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时报错的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue2中使用自定义指令实现el-table虚拟列表的代码示例
在实际开发中,我们可能会面临其他需求,例如在 el-table 中无法使用分页技术的情况下展示海量数据,这种情况下,页面可能会出现卡顿,严重时甚至可能引发浏览器崩溃,所以针对这个问题本文给大家介绍了vue2中使用自定义指令实现el-table虚拟列表,需要的朋友可以参考下2025-01-01
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
今天小编就为大家分享一篇解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08


最新评论