考虑下面这段话
export default {
methods: {
...mapActions(["updateData", "resetData"]);
}
}
我想把一个参数传入被调用的函数中.我不知道如何在保留...mapAction()次通话的情况下正确执行，因此不得不重写以下内容.
export default {
methods: {
// ...mapActions(["updateData", "resetData"])
updateData: function() { this.$store.dispatch("updateData", "names") },
resetData: function() { this.$store.dispatch("resetData"); }
}
}
这是唯一的办法吗？
您只需将参数传递给正在调用它的方法即可.您只能发送一个参数，该参数将在操作中可用.当使用mapActions时，你不需要做任何特殊的事情
例如，你可以这样称呼它:
<button @click=updateData({data1: 1, data2: 2})>
在vuexstore :
const actions = {
updateData: (state, data) => {
//You will get passed parameter as data here
},
您仍然可以使用mapActions:
export default {
methods: {
...mapActions(["updateData", "resetData"]);
}
}
请参阅working fiddle here:您可以在alert 中看到传递的参数:)
下面是从vuex repo到mapActions的实现
export function mapActions (actions) {
const res = {}
normalizeMap(actions).forEach(({ key, val }) => {
res[key] = function mappedAction (...args) {
return this.$store.dispatch.apply(this.$store, [val].concat(args))
}
})
return res
}
您可以看到它接受传递的args，并将它们作为dispatch函数的第二个参数.