如何解决我如何在Nuxt Vuex商店中访问$ toast
我已安装@nuxtjs/toast
并在我的应用程序中正常工作。
我想在分派行动后举杯祝酒。
我如何在vuex存储区的模块中的操作中访问$toast
?
PS:我正在将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);
},}
解决方法
首先,让我们解决您的问题
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)
}
})
},
展示面包-
尝试在this.app.$toast
行下方的commit('SET_USER',newUserObj)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。