首页 > 其他 > 详细

vuex使用modules namespaced 后,模块名不同,函数名相同时候在组件中分发Action

时间:2019-03-20 23:09:49      阅读:507      评论:0      收藏:0      [点我收藏+]

你在组件中使用 this.$store.dispatch(‘xxx‘) 分发 action,或者使用 mapActions 辅助函数将组件的 methods 映射为 store.dispatch 调用(需要先在根节点注入 store):

import { mapActions } from ‘vuex‘

export default {
    // ...
    methods: {
        ...mapActions([
        ‘increment‘, // 将 `this.increment()` 映射为 `this.$store.dispatch(‘increment‘)`

        // `mapActions` 也支持载荷:
        ‘incrementBy‘ // 将 `this.incrementBy(amount)` 映射为 `this.$store.dispatch(‘incrementBy‘, amount)`
        ]),
        ...mapActions({
          add: ‘increment‘ // 将 `this.add()` 映射为 `this.$store.dispatch(‘increment‘)`
        }),
        ...mapActions({
          add1: ‘user/increment‘, // 将 `this.add()` 映射为 `this.$store.dispatch(‘user/increment‘)`
        add2: ‘depart/increment‘ // 将 `this.add()` 映射为 `this.$store.dispatch(‘depart/increment‘)`
        }),
    }
}

  

vuex使用modules namespaced 后,模块名不同,函数名相同时候在组件中分发Action

原文:https://www.cnblogs.com/zzsdream/p/10568417.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!