vuex中的 actions 中,是不能使用 this.$message.error() 的

vuex 中如何获取 vue 的 this ?

vuex 中的 actions 中,是不能使用 this.$message.error('xxx失败') 的,

因为,vuex中没有.vue中的this,但是,可以通过下面这种方法哦,如下:

某.vue文件
javascript 复制代码
this.$store.dispatch('xxx', {
	form: data.form,
    _this: this // 在这里传入该组件的this,vuex中即可获取this
})
vuex中
javascript 复制代码
async xxx({ commit, state }, payload) {
      let { _this } = payload
      try {
        let { state, data, message } = await fafaApi.getVerifyFilmList()
        if (state === 200) {
          commit('SET_TASK_DATA', filteredData)
        } else {
          _this.$message.error(message)
        }
      } catch (error) {
        _this.$message.error(error)
      }
}
相关推荐
慧一居士6 分钟前
Vue项目中,子组件调用父组件方法示例,以及如何传值示例,对比使用插槽和不使用插槽区别
前端·vue.js
SeSs IZED1 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
SuperEugene1 小时前
Vue3 性能优化规范:日常必做优化(不玄学、可落地)|可维护性与兜底规范篇
开发语言·前端·javascript·vue.js·性能优化·前端框架
A923A2 小时前
【小兔鲜电商前台 | 项目笔记】第二天
前端·vue.js·笔记·项目·小兔鲜
happymaker06262 小时前
vue指令扩展以及监视器的使用
前端·javascript·vue.js
还是大剑师兰特2 小时前
EventBus核心方法用法
javascript·vue.js·大剑师
happymaker06264 小时前
vue中对list的函数处理方式总结,以及常见功能的实现方法
javascript·vue.js·list
还是大剑师兰特4 小时前
vueup/vue-quill 详细介绍(Vue3 富文本编辑器)
javascript·vue.js·ecmascript
bigdargon5 小时前
【无标题】
vue.js
踩着两条虫5 小时前
AI驱动的Vue3应用开发平台深入探究(二十五):API与参考之Renderer API 参考
前端·javascript·vue.js·人工智能·低代码·前端框架·ai编程