[Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] Do not mutate vuex store state outside mutation handlers."

本文轉載自查看原文 2018-11-22 17:48 5373

今天在學習的時候遇到一個這樣的問題，選擇搜索推薦列表中其中一項歌曲，需要通過Vuex 的actions 提交 state，選擇的歌曲會插入到當前的播放列表和隨機播放列表中，如果列表中原本就存在這首歌曲，如果把原來的這首歌曲刪除掉，這樣一來，就在actions中修改了playlist 和 sequenceList 兩個對象數組，所以在頁面中就會爆出“不要在mutation的回調函數之外修改vuex的state”這樣的錯誤，這里就涉及到了對象數組深拷貝的問題，我們可以使用slice()方法對對象數組進行拷貝一下就可以了

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Do not mutate vuex store state outside mutation handlers. 關於 vuex 報錯 Do not mutate vuex store state outside mutation handlers. VUEX報錯 [vuex] Do not mutate vuex store state outside mutation handlers vuex的state，mutation，getter，action VueX(1)關於store，state, Getters VUE—路由（七）vuex state [Vue warn]: Error in callback for watcher "data": "TypeError: Cannot read property 'reduce' of null" VUE - vuex state的使用 vuex直接修改state 與用commit提交mutation來修改state的差異關於vuex中state、mutation、mutation-type、getters,action的設置