gpt4 book ai didi

javascript - 无法将第二个参数发送到 Vue 商店中的突变

转载 作者:搜寻专家 更新时间:2023-10-30 22:31:04 24 4
gpt4 key购买 nike

我有一个像这样的不错的突变 JS 文件。

export default {
UPDATE_DATA: (state, data, meta) => {
state.dataTable = data;

if (meta === undefined)
return;

state.activeDataRow = meta;
}, ...
}

它通过以下方式被调用以执行不同的操作。

context.commit("UPDATE_DATA", Map.table(payload.type, data));
context.commit("UPDATE_DATA", Map.table(payload.type, data), meta);

我已经检查了在操作中发送的元数据,它绝对不是 undefined。但是,当我检查突变中的元时,它是!为什么?我该如何解决这个问题?

最佳答案

什么vuex docs建议是在第二个参数中发送一个有效负载。

In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive:

所以你可以像这样用负载调用它:

context.commit("UPDATE_DATA", {data: Map.table(payload.type, data), meta: meta});

您的突变将如下所示:

export default {
UPDATE_DATA: (state, payload) => {
state.dataTable = payload.data;

if (payload.meta === undefined)
return;

state.activeDataRow = payload.meta;
}, ...
}

还有一种调用变更的替代方法,称为对象样式提交。您可以在提交中传递一个对象,并将类型作为突变名称,如下所示:

context.commit({
type:: "UPDATE_DATA",
data: Map.table(payload.type, data),
meta: meta
});

关于javascript - 无法将第二个参数发送到 Vue 商店中的突变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41201805/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com