我如何在 Nuxt vuex 商店中访问 $toast

Question

我已经 @nuxtjs/toast 安装并在我的应用程序中正常工作。

我想在动作发送后祝酒。我如何在 vuex 商店的模块中的操作中访问 $toast？

PS: 我正在使用带有 typescript 的 Nuxt，从 intellisense 看来我只能访问 $router 和 $axios。

export const actions: ActionTree<ProfileState, RootState> = {
async updateProfile({ }, user) {
    console.log(user);
    const newUserObj = await this.$axios.post("/me/update", user).then(res => res.data.data);

    console.log(newUserObj);
    // this.$toast.info("Hello");

    // commit('LOAD_NEW_USER', newUserObj);
},
}

Answer 1

首先，让我们修正你的动作

async updateProfile({commit}, user) {
    return new Promise(async(resolve,reject)=>{
      try {
        const newUserObj = await this.$axios.$post("/me/update", user)
        commit('SET_USER',newUserObj)
        resolve(newUserObj)
        
      } catch (error) {
        reject(error)
      }
     
    })
  },

敬酒-

在 commit('SET_USER',newUserObj)

行下方尝试 this.app.$toast

我如何在 Nuxt vuex 商店中访问 $toast

How can i access $toast in Nuxt vuex store

toast

typescript

vuex

nuxt.js