vue.js如何通过动作传递数据对象

Question

我想通过动作将数据对象传递给我的vue商店。 这就是我现在传递的方式。

<button type="button" name="button" class="btn btn-primary" @click="addToCart(row)">Add to cart</button>

...mapActions(["addToCart"])

当我尝试访问商店中的行对象时。

addToCart({ commit }, row) {
            console.log("rooooooohhhhhoooow",this.row)
            //commit('mAddToCart',row)
        }

行未定义。 如何传递一个对象来存储并在商店中访问它？

Answer 1

我无法测试这个，因为我在平板电脑上，但想想你想要的是以下内容。在调用组件中：

superserver

在您的商店活动中：

this.$store.dispatch({
    type: ‘addToCart’,
    row: row
})

你的突变：

addToCart ({commit, state}, payload) => {
    console.log(`ROW: ${payload.row})
    commit({
        type: ‘mAddToCart’,
        row: payload.row
    })
})

希望有所帮助。