Laravel + Vuex：對象/參數解構不起作用

Question

我正在使用Vuex構建Vue應用程序，並且我無法獲得以下代碼（爲簡潔起見編輯，靈感來自this blog post）。

// File: views/Board.vue 

export default { 
    methods: { 
     updateProp (prop, value) { 
      console.log(prop, value) // Outputs prop and value 

      this.$store.commit('board/updateProp', { 
       [prop]: value 
      }) 
     } 
    }, 

    // ... 
} 

在我的（命名）Vuex模塊：

// File: vuex/modules/board.js 

export default { 
    mutations: { 
     updateProp (state, { prop, value }) { 
      console.log(prop, value) // Outputs 'undefined undefined' 
     } 
    }, 

    // ... 
} 

因爲import { something } from 'somewhere'工作得很好，我傾向於相信對象解構工作。我只是爲了我的代碼沒有。

我也創建了一個.babelrc文件，並安裝了相應的插件和預設，但無濟於事。

{ 
    "plugins": [ 
     "transform-es2015-destructuring", 
     "transform-object-rest-spread" 
    ], 
    "presets": [ 
     ["es2015", { "modules": false }] 
    ] 
} 

非常感謝。

Answer 1

這可能不是答案，但太難適應評論。我不確定爲什麼prop和value是undefined，但這不是解構結構的工作原理（它沒有解開對象的鍵和值）。

this.$store.commit('board/updateProp', { prop, value })