资讯专栏INFORMATION COLUMN

Do not mutate vuex store state outside mutation ha

wayneli / 2211人阅读

摘要:解决如图,加个。思考引用数据类型,里的引用变量,如果不加改变就直接改变里的而不允许直接改变中的东西,必须通过。所以报错欢迎讨论,自己目前的思考,不一定对

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

this.maPartListTable = this.$store.state.vehicleMa.maPartListTable;

this.maPartListTable.push(obj);

经询问后得知,应该这么写
this.maPartListTable = this.$store.state.vehicleMa.maPartListTable.slice();

查了下,就查到这句
slice(),不会修改原始数组而是返回一个新数组

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117093.html

相关文章

  • Do not mutate vuex store state outside mutation ha

    摘要:解决如图,加个。思考引用数据类型,里的引用变量,如果不加改变就直接改变里的而不允许直接改变中的东西,必须通过。所以报错欢迎讨论,自己目前的思考,不一定对 今天遇到一个问题,将Vuex中数组的值赋给新的数组,新数组push时报上面的错误,代码如下 this.maPartListTable = this.$store.state.vehicleMa.maPartListTable; thi...

    dunizb 评论0 收藏0
  • Vuex源码阅读分析

    摘要:源码阅读分析是专为开发的统一状态管理工具。本文将会分析的整个实现思路,当是自己读完源码的一个总结。再次回到构造函数,接下来是各类插件的注册插件注册到这里的初始化工作已经完成。 Vuex源码阅读分析 Vuex是专为Vue开发的统一状态管理工具。当我们的项目不是很复杂时,一些交互可以通过全局事件总线解决,但是这种观察者模式有些弊端,开发时可能没什么感觉,但是当项目变得复杂,维护时往往会摸不...

    Eastboat 评论0 收藏0
  • 你想要的——vuex源码分析

    摘要:大家好,今天给大家带来的是源码分析,希望能够能跟大家进行交流,欢迎提意见,写的不好的地方欢迎拍砖源码地址首先我们先来看看是如何跟项目一起结合使用的,以下是官方中的一个简单例子我们必须先创建一个将这个传给的实例,这样我们就能够在中获取到这个并 大家好,今天给大家带来的是vuex(2.3.1)源码分析,希望能够能跟大家进行交流,欢迎提意见,写的不好的地方欢迎拍砖 [github源码地址]...

    gggggggbong 评论0 收藏0
  • vuex源码分析(二)

    摘要:那后面的部分就容易理解了,使用方法提交。返回的是删除的。然后为定义属性设置为表示可枚举。前存储先前的设置为是用于取消所有的警告和提醒。这样工程量实在是太多了,下次的源码分析将会以我总结的方式来学习源码 继上面讲完contructor函数,我们继续来讲后面的内容 get state () { return this._vm._data.$$state } set state (...

    jeffrey_up 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<