vuex 中操作数组，报错 Do not mutate vuex store state outside mutation handlers

报错：


image.png
image.png

操作是这样，每次赋值新数组（selection）给temp,然后actions中commit motations改变state值currentseletedRows就报这个错。
解决：如图，加个slice。

image.png

思考：引用数据类型，vuex里的currentSelectedRows引用selection变量，如果不加slice,改变selection就直接改变vuex里的state,而vuex不允许直接改变state中的东西，必须通过mutations。所以报错！！(欢迎讨论，自己目前的思考，不一定对)

附: 浅拷贝与深拷贝

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vuex 状态管理工具
    Vuex是什么？ Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,301评论 0赞 6
  • Vuex一篇文章总结
    vuex 场景重现：一个用户在注册页面注册了手机号码，跳转到登录页面也想拿到这个手机号码，你可以通过vue的组件化...
    sunny519111阅读 12,443评论 4赞 111
  • Vuex 2.0 学习笔记（二）：源码阅读
    上一章总结了 Vuex 的框架原理，这一章我们将从 Vuex 的入口文件开始，分步骤阅读和解析源码。由于 Vuex...
    你的肖同学阅读 5,759评论 3赞 16
  • vue全家桶之vuex
    vuex是什么鬼？ 如果你用过redux就能很快的理解vuex是个什么鬼东西了。他是vuejs用来管理状态的插件。...
    麦子_FE阅读 11,793评论 3赞 37
  • 11.vuex 探索之路
    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应...
    白水螺丝阅读 10,104评论 7赞 61