我可以在 vue 模板中对 vuex 中的异步操作做出反应

迪克森有情

我想在 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用模板中返回值的函数?Vuex,Vue

Vue:是否可以在 Vuex 操作中设置另一个状态?

在Vue + Vuex + Phaser反应式调用中丢失'this'范围

不更改Vuex存储中的模块状态。Vuex | Vue

Vue / Vuex使使函数异步从Firebase中获取数据的麻烦

无法在vue组件中获取vuex状态

在vuex mapState中访问vue方法

vue.set()vuex突变中的数组

无法在Vue 3中使用Vuex

如何在Vuex中访问Vue实例

在vue 2中真的需要Vuex吗?

为什么我可以在vuex操作中使用dayJS但不能在Vuex存储中初始化状态?

在Vuex模块操作中访问vue-axios

vue-auth在vuex操作中访问$ auth

Vue - 为什么我不能在 vuex 中显示我的 axios get 请求的结果?

在Vue中,我可以转移道具吗?

Vue + Vuex:即使离开并返回后,存储在组件中的变量也可以保存更改

我是vue的新手,我似乎可以对此做出回应.Vue中的$ http.get('url',function(data))

模板中的 Vue 指令

Vue 模板中是否可以有动态元素名称?

为什么我的组件模板没有显示在Vue中?

vuex 中的链式操作

我可以从Vuex存储中的一种变异中调用提交吗

使用Lodash。通过Vuex突变更改状态后,删除不会在我的Vue组件中触发反应式重新渲染

从模板访问vue vuex命名空间的getter

我可以在Vuex的settimeout函数中更改并提交状态吗?

如何在vuex商店中访问vue-cookie?

Vue和Vuex无法在html中检索适当的值

Vue() 构造函数中的 vuex“存储”与“数据:存储”,哪个最好?