vuex的getters返回函数，把异步变同步，加了async / await 无效

Question

vuex

  getters: {
    getTest: state => {
      return async () => {
        const result = await new Promise((resolve, reject) => {
          setTimeout(function () {
            resolve('foo');
          }, 3000);
        })
        return result
      }
    }
  }

控制台运行

vue.$store.getters.getTest() // Promise {<pending>}
// 我希望他返回 `foo`

希望大佬帮我指正代码,十分感谢！

Answer 1

getTest: state => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('foo');
    }, 3000);
  });
},

(async () => {
  const result = await this.$store.getters.getTest;
  console.log(result);//foo
})();

Answer 2

要获取异步函数的返回值，需在函数前加 await：

await vue.$store.getters.getTest()

再试试看