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)
      }
}
相关推荐
JIngJaneIL9 小时前
基于java + vue校园快递物流管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js
OpenTiny社区11 小时前
2025OpenTiny星光ShowTime!年度贡献者征集启动!
前端·vue.js·低代码
狗哥哥11 小时前
从零到一:打造企业级 Vue 3 高性能表格组件的设计哲学与实践
前端·vue.js·架构
计算机毕设VX:Fegn089511 小时前
计算机毕业设计|基于springboot + vue图书借阅管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
褪色的笔记簿12 小时前
在 Vue 项目里管理弹窗组件:用 ref 还是用 props?
前端·vue.js
一只小阿乐12 小时前
前端vue3 web端中实现拖拽功能实现列表排序
前端·vue.js·elementui·vue3·前端拖拽
AAA阿giao12 小时前
从“操纵绳子“到“指挥木偶“:Vue3 Composition API 如何彻底改变前端开发范式
开发语言·前端·javascript·vue.js·前端框架·vue3·compositionapi
专注前端30年12 小时前
在日常开发项目中Vue与React应该如何选择?
前端·vue.js·react.js
进击的野人13 小时前
Vue 组件与原型链:VueComponent 与 Vue 的关系解析
前端·vue.js·面试
馬致远13 小时前
Vue todoList案例 优化之本地存储
前端·javascript·vue.js