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)
      }
}
相关推荐
李明卫杭州2 分钟前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js
糖墨夕2 小时前
第一章:为什么你要学 AI Agent?—— 从"切图仔"到全栈的进化之路
前端·javascript·vue.js
pany12 小时前
做 AI 友好的开源 Vue3 模板 🌈
前端·vue.js·ai编程
daols8814 小时前
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时
vue.js·甘特图·vxe-gantt
你挚爱的强哥17 小时前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js
卓怡学长19 小时前
w266基于spring boot + vue 圣地延安美食乐享系统
java·数据库·vue.js·spring boot·spring·intellij-idea
我有满天星辰19 小时前
Vue项目脚手架之争:create-vue与Vue CLI全面对比
前端·javascript·vue.js
Random_index21 小时前
#Vue3篇: Vue 项目发版后如何提示用户刷新?基于 package.json 版本号的前端更新检测方案
前端·vue.js·json
我有满天星辰1 天前
Vue 2 与 Vue 3 计算属性完全指南:从 Options API 到组合式 API 的演进
前端·javascript·vue.js
用户83134859306981 天前
Cesium自定义可调节星空夜景+星星闪烁
vue.js·cesium