Vue.js 这是我可以在vue模板中对vuex中的异步操作作出反应的方式

我想在vue模板中显示加载效果，同时vuex中的异步操作仍在运行。但是负载效应似乎不起作用。我怎么修理它？。有没有更好的方法可以实现这一点

我是这样定义动作的：

操作：{
登录（{state}，用户）{
auth（）
.signInWithEmailAndPassword（userInfo.email，userInfo.password）
。然后（结果=>{
返回结果
})
},
},

这说明了如何在vue模板方法中定义分派：

let loader = this.$loader.show()
this.$store.dispatch('signIn', this.user).then(() => {
  loader.hide()
})

---

我希望加载程序在操作开始时开始，在操作结束时结束，但它几乎立即开始和结束。

只需添加

return

语句，它返回一个

Promise

，这样您就可以

然后
将其添加到组件中

操作：{
登录（{state}，用户）{
返回auth（）
.signInWithEmailAndPassword（userInfo.email，userInfo.password）
。然后（结果=>{
返回结果
})
},
},