Do not mutate vuex store state outside mutation ha

wayneli 發布于2019-08-30 15:54 / 2212人閱讀

摘要：解決如圖，加個。思考引用數據類型，里的引用變量，如果不加改變就直接改變里的而不允許直接改變中的東西，必須通過。所以報錯歡迎討論，自己目前的思考，不一定對

今天遇到一個問題，將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。所以報錯！！(歡迎討論，自己目前的思考，不一定對)

GPU云服務器云服務器 mutation mutate outside Vuex

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117093.html

Do not mutate vuex store state outside mutation ha

摘要：解決如圖，加個。思考引用數據類型，里的引用變量，如果不加改變就直接改變里的而不允許直接改變中的東西，必須通過。所以報錯歡迎討論，自己目前的思考，不一定對今天遇到一個問題，將Vuex中數組的值賦給新的數組，新數組push時報上面的錯誤，代碼如下 this.maPartListTable = this.$store.state.vehicleMa.maPartListTable; thi...

dunizb 2019-08-23 14:05 評論0 收藏0
Vuex源碼閱讀分析

摘要：源碼閱讀分析是專為開發的統一狀態管理工具。本文將會分析的整個實現思路，當是自己讀完源碼的一個總結。再次回到構造函數，接下來是各類插件的注冊插件注冊到這里的初始化工作已經完成。 Vuex源碼閱讀分析 Vuex是專為Vue開發的統一狀態管理工具。當我們的項目不是很復雜時，一些交互可以通過全局事件總線解決，但是這種觀察者模式有些弊端，開發時可能沒什么感覺，但是當項目變得復雜，維護時往往會摸不...

Eastboat 2019-08-22 16:17 評論0 收藏0
你想要的——vuex源碼分析

摘要：大家好，今天給大家帶來的是源碼分析，希望能夠能跟大家進行交流，歡迎提意見，寫的不好的地方歡迎拍磚源碼地址首先我們先來看看是如何跟項目一起結合使用的，以下是官方中的一個簡單例子我們必須先創建一個將這個傳給的實例，這樣我們就能夠在中獲取到這個并大家好，今天給大家帶來的是vuex（2.3.1）源碼分析，希望能夠能跟大家進行交流，歡迎提意見，寫的不好的地方歡迎拍磚 [github源碼地址]...

gggggggbong 2019-08-20 18:02 評論0 收藏0
vuex源碼分析（二）

摘要：那后面的部分就容易理解了，使用方法提交。返回的是刪除的。然后為定義屬性設置為表示可枚舉。前存儲先前的設置為是用于取消所有的警告和提醒。這樣工程量實在是太多了，下次的源碼分析將會以我總結的方式來學習源碼繼上面講完contructor函數，我們繼續來講后面的內容 get state () { return this._vm._data.$$state } set state (...

jeffrey_up 2019-08-21 17:24 評論0 收藏0