vue.$store.dispatch传参数
时间: 2023-09-11 14:04:57 浏览: 282
在 Vue 中,可以使用 `this.$store.dispatch` 方法来分发一个 Action,如果你需要传递参数,可以将参数作为第二个参数传递给 `dispatch` 方法。
例如,假设有一个名为 `increment` 的 Action,它需要一个参数 `amount` 来增加 state 中的计数器:
```javascript
// store.js
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state, amount) {
state.count += amount
}
},
actions: {
increment({ commit }, amount) {
commit('increment', amount)
}
}
})
```
现在,你可以在组件中调用 `increment` Action 并传递参数 `10`:
```javascript
// MyComponent.vue
export default {
methods: {
handleClick() {
this.$store.dispatch('increment', 10)
}
}
}
```
在 `increment` Action 中,`amount` 参数可以通过第二个参数来访问。这个参数将被传递给 `commit` 方法,然后传递给 `increment` Mutation。
阅读全文