我想在 vue 模板中显示加载效果,同时 vuex 中的异步操作仍在运行。但是加载效果似乎不起作用。我如何解决它?。有没有更好的方法可以实现这一目标?
这就是我定义动作的方式:
actions: {
signIn({ state }, user) {
auth()
.signInWithEmailAndPassword(userInfo.email, userInfo.password)
.then(result => {
return result
})
},
},
这是如何在 vue 模板方法中定义调度的:
let loader = this.$loader.show()
this.$store.dispatch('signIn', this.user).then(() => {
loader.hide()
})
我希望加载程序在操作开始时启动并在操作结束时结束,但它几乎立即开始和结束。
只需添加return
语句,返回一个,Promise
以便您可以then
在组件中使用它。
actions: {
signIn({ state }, user) {
return auth()
.signInWithEmailAndPassword(userInfo.email, userInfo.password)
.then(result => {
return result
})
},
},
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句