如何在具有不同命名空间的情况下访问具有相似名称的 vue/vuex mapActions 方法?

问题描述

这很好用.

created() {
  this['shared/getPosts']();
  this['posts/getPosts']();

},

methods: {
  ...mapActions(['shared/getPosts', 'posts/getPosts']),
},

但是，我想知道，有没有办法让下面的代码按预期工作，请参考评论:

But, I was wondering, is there a way to make below code work as expected, please refer comment:

created() {
  this.getPosts(); // triggers last method
},

methods: {
  ...mapActions('shared', ['getPosts']), // how to trigger this?
  ...mapActions('posts', ['getPosts']), // this gets triggered.
},

推荐答案

就这样重命名

created() {
  // call the first method
  this.getSharedPosts();
  // or second
  this.getPosts();
},

methods: {
  ...mapActions('shared', {
    getSharedPosts: 'getPosts', // <-- call it as `this.getSharedPosts()` in component
  }),
  ...mapActions('posts', {
    getPosts: 'getPosts',   // <-- call it as `this.getPosts()`
  }),
},

更多信息这里

这篇关于如何在具有不同命名空间的情况下访问具有相似名称的 vue/vuex mapActions 方法?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！