我如何在 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