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)
      }
}
相关推荐
文艺理科生27 分钟前
Google A2UI 解读:当 AI 不再只是陪聊,而是开始画界面
前端·vue.js·人工智能
json{shen:"jing"}1 小时前
08_组件基础
前端·javascript·vue.js
hxjhnct2 小时前
React 为什么不采用(VUE)绑定数据?
javascript·vue.js·react.js
Knight_AL2 小时前
Vue + Spring Boot 项目添加 /wvp 前缀的完整链路解析(从浏览器到静态资源)
前端·vue.js·spring boot
技术钱2 小时前
vue3 + element plus实现表头拖拽数组进行汇总
前端·javascript·vue.js
chenhdowue2 小时前
vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换
vue.js·vxe-table·vxe-ui
柒@宝儿姐2 小时前
vue3中使用element-plus的el-scrollbar实现滚动触底加载更多
前端·javascript·vue.js
蜗牛攻城狮2 小时前
深入理解 Vue.js 中的「运行时」与「编译时」:从模板到虚拟 DOM 的全过程
前端·javascript·vue.js
Knight_AL2 小时前
Vue 项目部署在子目录下:hash vs history 的真实区别
前端·vue.js·哈希算法
zhaocarbon3 小时前
VUE 4向云台 8向云台UI
css·vue.js·ui